@stackshift-ui/header 6.1.3 → 7.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/chunk-5DSFRN7E.mjs +1 -0
  2. package/dist/header.js +1 -1
  3. package/dist/header.mjs +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/dist/types.d.ts +1 -0
  7. package/package.json +16 -16
  8. package/src/header.test.tsx +2 -2
  9. package/src/header.tsx +1 -1
  10. package/src/header_a.tsx +31 -7
  11. package/src/header_b.tsx +34 -8
  12. package/src/header_c.tsx +37 -8
  13. package/src/header_d.tsx +39 -19
  14. package/src/header_e.tsx +37 -8
  15. package/src/header_f.tsx +32 -15
  16. package/src/header_g.tsx +35 -17
  17. package/dist/chunk-HPYJXTQG.mjs +0 -1
package/dist/chunk-5DSFRN7E.mjs ADDED
@@ -0,0 +1 @@
1
+ import{lazy as n}from"react";import{jsx as J}from"react/jsx-runtime";var D={variant_a:n(()=>import("./header_a.mjs")),variant_b:n(()=>import("./header_b.mjs")),variant_c:n(()=>import("./header_c.mjs")),variant_d:n(()=>import("./header_d.mjs")),variant_e:n(()=>import("./header_e.mjs")),variant_f:n(()=>import("./header_f.mjs")),variant_g:n(()=>import("./header_g.mjs"))},E="Header",G=({data:i})=>{var s,o,t,m,u,p,f,l,g,v,c,b,y,P,I,h,B,L,k,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C,q,w;let e=i==null?void 0:i.variant,r=e&&D[e],A={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(m=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?m:void 0,mediaItems:(p=(u=i==null?void 0:i.variants)==null?void 0:u.mediaItems)!=null?p:void 0,title:(l=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?l:void 0,subtitle:(v=(g=i==null?void 0:i.variants)==null?void 0:g.subtitle)!=null?v:void 0,description:(b=(c=i==null?void 0:i.variants)==null?void 0:c.description)!=null?b:void 0,primaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.primaryButton)!=null?P:void 0,secondaryButton:(h=(I=i==null?void 0:i.variants)==null?void 0:I.secondaryButton)!=null?h:void 0,videoLink:(L=(B=i==null?void 0:i.variants)==null?void 0:B.youtubeLink)!=null?L:void 0,formLinks:(S=(k=i==null?void 0:i.variants)==null?void 0:k.formLinks)!=null?S:void 0,form:(F=(_=i==null?void 0:i.variants)==null?void 0:_.form)!=null?F:void 0,spacing:(W=(H=i==null?void 0:i.variants)==null?void 0:H.spacing)!=null?W:void 0,isOrdered:(O=(R=i==null?void 0:i.variants)==null?void 0:R.isOrdered)!=null?O:void 0,startingPosition:(x=(V=i==null?void 0:i.variants)==null?void 0:V.startingPosition)!=null?x:void 0,headerSections:(M=(K=i==null?void 0:i.variants)==null?void 0:K.headerSections)!=null?M:void 0,subtitlePosition:(T=(N=i==null?void 0:i.variants)==null?void 0:N.subtitlePosition)!=null?T:void 0,isFullWidth:(C=(z=i==null?void 0:i.variants)==null?void 0:z.isFullWidth)!=null?C:void 0,position:(w=(q=i==null?void 0:i.variants)==null?void 0:q.position)!=null?w:void 0};return r?J(r,{...A}):null};G.displayName=E;export{G as a};
package/dist/header.js CHANGED
@@ -1 +1 @@
1
- "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},ue=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},ue(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>ue(I({},"__esModule",{value:!0}),e);var Te={};P(Te,{Header_A:()=>Pe,default:()=>Pe});function Pe({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Ne.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,de,_,ve,q,we,ke,Ne,r,he=N(()=>{"use strict";A=require("@stackshift-ui/button"),de=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ve=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),we=require("@stackshift-ui/section"),ke=require("@stackshift-ui/text"),Ne=L(require("react")),r=require("react/jsx-runtime")});var Le={};P(Le,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)($e.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(D.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,p,u,w,k,f,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:q-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:q-2 sm:w-2/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(p=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(f=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?f:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-xl sm:q-2 sm:w-1/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var D,de,_,ve,q,we,$e,Ce,r,ze=N(()=>{"use strict";D=require("@stackshift-ui/button"),Ce=L(require("react"))});var Ae={};P(Ae,{Header_C:()=>We,default:()=>We});function We({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(we.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(de.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var E,de,_,ve,we,r,qe=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Je={};P(Je,{Header_D:()=>Ke,default:()=>Ke});function Ke({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(de.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(Ve.default.Fragment,{children:[e?(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ke.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(G.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var G,de,_,ve,q,we,ke,Ve,r,Xe=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ve=L(require("react"))});var ll={};P(ll,{Header_E:()=>el,default:()=>el});function el({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(we.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Ze.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(Be.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(V.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var V,de,_,ve,we,Ze,ke,Be,r,tl=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ze=require("@stackshift-ui/signin-signup"),Be=L(require("react"))});var a,il,ol=N(()=>{"use strict";a=require("react/jsx-runtime"),il=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("we",{className:`pl-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var gl={};P(gl,{Header_F:()=>xl,default:()=>xl});function xl({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(we.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((p,u)=>{let w=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=w,p.isFullWidth=o,p.index=u+1,p.isOrdered=d,(0,n.jsx)(Yl,{header:p,isImageLeft:w},p._key)})})]})})}var nl,rl,_,ve,q,we,ke,cl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,pl=N(()=>{"use strict";nl=require("@portabletext/react"),rl=require("@stackshift-ui/button"),cl=require("react-icons/lia");ol();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] xl:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ke.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-r border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ke.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(nl.PortableText,{value:e==null?void 0:e.columnContent,components:il({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(ke.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(ke.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ve.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-r border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-r border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(rl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var kl={};P(kl,{Header_G:()=>wl,default:()=>wl});function wl({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),p=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(f=>(f+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(we.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ve.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(ke.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(J.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(J.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,f)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:f===d,onClick:()=>u(f),ariaLabel:`Go to slide ${f+1}`},f))})]})})}var J,_,ve,we,dl,ke,W,r,Nl=N(()=>{"use strict";J=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(he(),Te))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(ze(),Le))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(qe(),Ae))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Xe(),Je))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(tl(),ll))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(pl(),gl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(Nl(),kl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,p,u,w,k,f,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,ge,pe,be,fe;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.images)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(f=e==null?void 0:e.variants)==null?void 0:f.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?X:void 0,secondaryButton:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.secondaryButton)!=null?U:void 0,videoLink:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.youtubeLink)!=null?Z:void 0,formLinks:(B=(y=e==null?void 0:e.variants)==null?void 0:y.formLinks)!=null?B:void 0,form:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.form)!=null?le:void 0,spacing:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.spacing)!=null?ie:void 0,isOrdered:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.isOrdered)!=null?ne:void 0,startingPosition:(se=(re=e==null?void 0:e.variants)==null?void 0:re.startingPosition)!=null?se:void 0,headerSections:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.headerSections)!=null?ae:void 0,subtitlePosition:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.subtitlePosition)!=null?xe:void 0,isFullWidth:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.isFullWidth)!=null?pe:void 0,position:(fe=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?fe:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;0&&(module.exports={Header});
1
+ "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},ue=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},ue(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>ue(I({},"__esModule",{value:!0}),e);var Te={};P(Te,{Header_A:()=>Pe,default:()=>Pe});function Pe({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Ne.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,de,_,ve,q,we,ke,Ne,r,he=N(()=>{"use strict";A=require("@stackshift-ui/button"),de=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ve=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),we=require("@stackshift-ui/section"),ke=require("@stackshift-ui/text"),Ne=L(require("react")),r=require("react/jsx-runtime")});var Le={};P(Le,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)($e.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(D.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,p,u,w,k,f,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:q-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:q-2 sm:w-2/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(p=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(f=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?f:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-xl sm:q-2 sm:w-1/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var D,de,_,ve,q,we,$e,Ce,r,ze=N(()=>{"use strict";D=require("@stackshift-ui/button"),Ce=L(require("react"))});var Ae={};P(Ae,{Header_C:()=>We,default:()=>We});function We({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(we.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(de.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var E,de,_,ve,we,r,qe=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Je={};P(Je,{Header_D:()=>Ke,default:()=>Ke});function Ke({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(de.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(Ve.default.Fragment,{children:[e?(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ke.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(G.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var G,de,_,ve,q,we,ke,Ve,r,Xe=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ve=L(require("react"))});var ll={};P(ll,{Header_E:()=>el,default:()=>el});function el({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(we.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Ze.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(Be.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(V.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var V,de,_,ve,we,Ze,ke,Be,r,tl=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ze=require("@stackshift-ui/signin-signup"),Be=L(require("react"))});var a,il,ol=N(()=>{"use strict";a=require("react/jsx-runtime"),il=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("we",{className:`pl-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var gl={};P(gl,{Header_F:()=>xl,default:()=>xl});function xl({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(we.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((p,u)=>{let w=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=w,p.isFullWidth=o,p.index=u+1,p.isOrdered=d,(0,n.jsx)(Yl,{header:p,isImageLeft:w},p._key)})})]})})}var nl,rl,_,ve,q,we,ke,cl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,pl=N(()=>{"use strict";nl=require("@portabletext/react"),rl=require("@stackshift-ui/button"),cl=require("react-icons/lia");ol();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] xl:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ke.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-r border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ke.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(nl.PortableText,{value:e==null?void 0:e.columnContent,components:il({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(ke.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(ke.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ve.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-r border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-r border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(rl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var kl={};P(kl,{Header_G:()=>wl,default:()=>wl});function wl({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),p=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(f=>(f+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(we.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ve.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(ke.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(J.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(J.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,f)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:f===d,onClick:()=>u(f),ariaLabel:`Go to slide ${f+1}`},f))})]})})}var J,_,ve,we,dl,ke,W,r,Nl=N(()=>{"use strict";J=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(he(),Te))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(ze(),Le))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(qe(),Ae))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Xe(),Je))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(tl(),ll))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(pl(),gl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(Nl(),kl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,p,u,w,k,f,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,ge,pe,be,fe;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(f=e==null?void 0:e.variants)==null?void 0:f.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?X:void 0,secondaryButton:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.secondaryButton)!=null?U:void 0,videoLink:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.youtubeLink)!=null?Z:void 0,formLinks:(B=(y=e==null?void 0:e.variants)==null?void 0:y.formLinks)!=null?B:void 0,form:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.form)!=null?le:void 0,spacing:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.spacing)!=null?ie:void 0,isOrdered:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.isOrdered)!=null?ne:void 0,startingPosition:(se=(re=e==null?void 0:e.variants)==null?void 0:re.startingPosition)!=null?se:void 0,headerSections:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.headerSections)!=null?ae:void 0,subtitlePosition:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.subtitlePosition)!=null?xe:void 0,isFullWidth:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.isFullWidth)!=null?pe:void 0,position:(fe=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?fe:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;0&&(module.exports={Header});
package/dist/header.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-HPYJXTQG.mjs";export{a as Header};
1
+ import{a}from"./chunk-5DSFRN7E.mjs";export{a as Header};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},Ie(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>Ie(I({},"__esModule",{value:!0}),e);var Re={};P(Re,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Me.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,Le,_,ze,q,_e,je,Me,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Le=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ze=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),_e=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),Me=L(require("react")),r=require("react/jsx-runtime")});var Ge={};P(Ge,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ee.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,g,u,w,k,b,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(g=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?g:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(b=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?b:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var G,Le,_,ze,q,_e,je,Ee,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ee=L(require("react"))});var Xe={};P(Xe,{Header_C:()=>J,default:()=>J});function J({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(_e.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Le.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var K,Le,_,ze,_e,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Be={};P(Be,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Le.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e?(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(je.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(Q.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(Q.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var Q,Le,_,ze,q,_e,je,ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),ye=L(require("react"))});var rl={};P(rl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(_e.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(il.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(nl.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(y.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(y.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var y,Le,_,ze,_e,il,je,nl,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),il=require("@stackshift-ui/signin-signup"),nl=L(require("react"))});var a,sl,ml=N(()=>{"use strict";a=require("react/jsx-runtime"),sl=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("r",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("_",{className:`q-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("je",{className:`q-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var bl={};P(bl,{Header_F:()=>te,default:()=>te});function te({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(_e.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((g,u)=>{let w=v==="left"?u%2===0:u%2!==0;return g.isImageLeft=w,g.isFullWidth=o,g.index=u+1,g.isOrdered=d,(0,n.jsx)(Yl,{header:g,isImageLeft:w},g._key)})})]})})}var al,cl,_,ze,q,_e,je,fl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,ie=N(()=>{"use strict";al=require("@portabletext/react"),cl=require("@stackshift-ui/button"),fl=require("react-icons/lia");ml();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] ze:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(je.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(je.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(al.PortableText,{value:e==null?void 0:e.columnContent,components:sl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(je.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(je.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ze.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(cl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(fl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var Nl={};P(Nl,{Header_G:()=>ne,default:()=>ne});function ne({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),g=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(_e.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[g.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:g.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${g.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex r-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ze.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(je.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(oe.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(oe.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,b)=>(0,r.jsx)(wl.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var oe,_,ze,_e,wl,je,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),wl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Re))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ge))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Xe))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Be))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),rl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),bl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),Nl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,g,u,w,k,b,H,S,F,$,se,me,ae,ce,xe,pe,ge,fe,be,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e,Ce;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(g=e==null?void 0:e.variants)==null?void 0:g.images)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(b=e==null?void 0:e.variants)==null?void 0:b.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?se:void 0,secondaryButton:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.secondaryButton)!=null?ae:void 0,videoLink:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.youtubeLink)!=null?xe:void 0,formLinks:(ge=(pe=e==null?void 0:e.variants)==null?void 0:pe.formLinks)!=null?ge:void 0,form:(be=(fe=e==null?void 0:e.variants)==null?void 0:fe.form)!=null?be:void 0,spacing:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.spacing)!=null?de:void 0,isOrdered:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.isOrdered)!=null?we:void 0,startingPosition:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.startingPosition)!=null?Ne:void 0,headerSections:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.headerSections)!=null?Te:void 0,subtitlePosition:(He=(he=e==null?void 0:e.variants)==null?void 0:he.subtitlePosition)!=null?He:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ce=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ce:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;E();V();X();Z();ee();ie();re();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
2
+ "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},Ie(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>Ie(I({},"__esModule",{value:!0}),e);var Re={};P(Re,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Me.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,Le,_,ze,q,_e,je,Me,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Le=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ze=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),_e=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),Me=L(require("react")),r=require("react/jsx-runtime")});var Ge={};P(Ge,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ee.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,f,u,w,k,b,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(f=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?f:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(b=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?b:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var G,Le,_,ze,q,_e,je,Ee,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ee=L(require("react"))});var Xe={};P(Xe,{Header_C:()=>J,default:()=>J});function J({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(_e.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Le.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var K,Le,_,ze,_e,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Be={};P(Be,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Le.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e?(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(je.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(Q.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(Q.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var Q,Le,_,ze,q,_e,je,ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),ye=L(require("react"))});var rl={};P(rl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(_e.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(il.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(nl.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(y.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(y.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var y,Le,_,ze,_e,il,je,nl,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),il=require("@stackshift-ui/signin-signup"),nl=L(require("react"))});var a,sl,ml=N(()=>{"use strict";a=require("react/jsx-runtime"),sl=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("r",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("_",{className:`q-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("je",{className:`q-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var bl={};P(bl,{Header_F:()=>te,default:()=>te});function te({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(_e.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((f,u)=>{let w=v==="left"?u%2===0:u%2!==0;return f.isImageLeft=w,f.isFullWidth=o,f.index=u+1,f.isOrdered=d,(0,n.jsx)(Yl,{header:f,isImageLeft:w},f._key)})})]})})}var al,cl,_,ze,q,_e,je,gl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,ie=N(()=>{"use strict";al=require("@portabletext/react"),cl=require("@stackshift-ui/button"),gl=require("react-icons/lia");ml();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] ze:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(je.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(je.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(al.PortableText,{value:e==null?void 0:e.columnContent,components:sl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(je.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(je.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ze.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(cl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(gl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var Nl={};P(Nl,{Header_G:()=>ne,default:()=>ne});function ne({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),f=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(_e.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[f.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex r-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ze.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(je.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(oe.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(oe.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,b)=>(0,r.jsx)(wl.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var oe,_,ze,_e,wl,je,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),wl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Re))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ge))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Xe))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Be))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),rl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),bl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),Nl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,f,u,w,k,b,H,S,F,$,se,me,ae,ce,xe,pe,fe,ge,be,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e,Ce;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(f=e==null?void 0:e.variants)==null?void 0:f.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(b=e==null?void 0:e.variants)==null?void 0:b.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?se:void 0,secondaryButton:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.secondaryButton)!=null?ae:void 0,videoLink:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.youtubeLink)!=null?xe:void 0,formLinks:(fe=(pe=e==null?void 0:e.variants)==null?void 0:pe.formLinks)!=null?fe:void 0,form:(be=(ge=e==null?void 0:e.variants)==null?void 0:ge.form)!=null?be:void 0,spacing:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.spacing)!=null?de:void 0,isOrdered:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.isOrdered)!=null?we:void 0,startingPosition:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.startingPosition)!=null?Ne:void 0,headerSections:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.headerSections)!=null?Te:void 0,subtitlePosition:(He=(he=e==null?void 0:e.variants)==null?void 0:he.subtitlePosition)!=null?He:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ce=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ce:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;E();V();X();Z();ee();ie();re();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as p}from"./chunk-LA2DIHLF.mjs";import{a as x}from"./chunk-HPYJXTQG.mjs";import{a as o}from"./chunk-7SQGIFHM.mjs";import{a as r}from"./chunk-KCZJVXVR.mjs";import{a as e}from"./chunk-DN6UM2LP.mjs";import{a as t}from"./chunk-IZSK2OAC.mjs";import{a as f}from"./chunk-O23POPQC.mjs";import{a as m}from"./chunk-PPCMCZ5V.mjs";import"./chunk-W2QPS3BW.mjs";export{x as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E,m as Header_F,p as Header_G};
2
+ "use strict";import{a as p}from"./chunk-LA2DIHLF.mjs";import{a as x}from"./chunk-5DSFRN7E.mjs";import{a as o}from"./chunk-7SQGIFHM.mjs";import{a as r}from"./chunk-KCZJVXVR.mjs";import{a as e}from"./chunk-DN6UM2LP.mjs";import{a as t}from"./chunk-IZSK2OAC.mjs";import{a as f}from"./chunk-O23POPQC.mjs";import{a as m}from"./chunk-PPCMCZ5V.mjs";import"./chunk-W2QPS3BW.mjs";export{x as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E,m as Header_F,p as Header_G};
package/dist/types.d.ts CHANGED
@@ -210,6 +210,7 @@ export interface Variants {
210
210
  description?: string | null;
211
211
  featuredItems?: FeaturedItem[] | null;
212
212
  images?: Images[] | null;
213
+ mediaItems?: Images[] | null;
213
214
  contactDetails?: ContactDetails[] | null;
214
215
  copyright?: string | null;
215
216
  mainImage?: MainImage | null;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/header",
3
3
  "description": "",
4
- "version": "6.1.3",
4
+ "version": "7.0.0-beta.0",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -27,27 +27,27 @@
27
27
  "typescript": "^5.6.2",
28
28
  "vite-tsconfig-paths": "^5.0.1",
29
29
  "vitest": "^2.1.1",
30
- "@stackshift-ui/typescript-config": "6.0.10",
31
- "@stackshift-ui/eslint-config": "6.0.10"
30
+ "@stackshift-ui/eslint-config": "6.0.10",
31
+ "@stackshift-ui/typescript-config": "6.0.10"
32
32
  },
33
33
  "dependencies": {
34
34
  "@portabletext/react": "^3.1.0",
35
35
  "react-icons": "^5.3.0",
36
- "@stackshift-ui/container": "6.0.11",
37
- "@stackshift-ui/flex": "6.0.11",
38
- "@stackshift-ui/button": "6.0.11",
39
- "@stackshift-ui/heading": "6.0.11",
40
- "@stackshift-ui/image": "6.0.11",
41
- "@stackshift-ui/scripts": "6.0.10",
42
- "@stackshift-ui/section": "6.0.11",
43
- "@stackshift-ui/link": "6.0.11",
44
- "@stackshift-ui/signin-signup": "6.0.14",
45
- "@stackshift-ui/system": "6.0.11",
46
- "@stackshift-ui/text": "6.0.11",
47
- "@stackshift-ui/swiper-pagination": "6.0.11"
36
+ "@stackshift-ui/heading": "7.0.0-beta.0",
37
+ "@stackshift-ui/button": "6.1.0-beta.0",
38
+ "@stackshift-ui/container": "7.0.0-beta.0",
39
+ "@stackshift-ui/section": "7.0.0-beta.0",
40
+ "@stackshift-ui/flex": "7.0.0-beta.0",
41
+ "@stackshift-ui/image": "6.1.0-beta.0",
42
+ "@stackshift-ui/scripts": "6.1.0-beta.0",
43
+ "@stackshift-ui/system": "6.1.0-beta.0",
44
+ "@stackshift-ui/text": "7.0.0-beta.0",
45
+ "@stackshift-ui/signin-signup": "7.0.0-beta.0",
46
+ "@stackshift-ui/swiper-pagination": "7.0.0-beta.0",
47
+ "@stackshift-ui/link": "6.0.12-beta.0"
48
48
  },
49
49
  "peerDependencies": {
50
- "@stackshift-ui/system": ">=6.0.11",
50
+ "@stackshift-ui/system": ">=6.1.0-beta.0",
51
51
  "@types/react": "16.8 - 19",
52
52
  "next": "10 - 14",
53
53
  "react": "16.8 - 19",
package/src/header.test.tsx CHANGED
@@ -7,7 +7,7 @@ describe.concurrent("header", () => {
7
7
 
8
8
  test.skip("Dummy test - test if renders without errors", ({ expect }) => {
9
9
  const clx = "my-class";
10
- render(<Header />);
11
- expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
10
+ render(<Header data-testid="header" />);
11
+ expect(screen.getByTestId("header").classList).toContain(clx);
12
12
  });
13
13
  });
package/src/header.tsx CHANGED
@@ -61,7 +61,7 @@ export const Header: React.FC<SectionsProps> = ({ data }) => {
61
61
  const props = {
62
62
  mainImage: data?.variants?.mainImage ?? undefined,
63
63
  images: data?.variants?.images ?? undefined,
64
- mediaItems: data?.variants?.images ?? undefined,
64
+ mediaItems: data?.variants?.mediaItems ?? undefined,
65
65
  title: data?.variants?.title ?? undefined,
66
66
  subtitle: data?.variants?.subtitle ?? undefined,
67
67
  description: data?.variants?.description ?? undefined,
package/src/header_a.tsx CHANGED
@@ -3,7 +3,9 @@ import { Container } from "@stackshift-ui/container";
3
3
  import { Flex } from "@stackshift-ui/flex";
4
4
  import { Heading } from "@stackshift-ui/heading";
5
5
  import { Image } from "@stackshift-ui/image";
6
+ import { Link } from "@stackshift-ui/link";
6
7
  import { Section } from "@stackshift-ui/section";
8
+ import { buildSanityLink } from "@stackshift-ui/system";
7
9
  import { Text } from "@stackshift-ui/text";
8
10
  import React from "react";
9
11
  import { ButtonProps, HeaderProps } from ".";
@@ -56,6 +58,18 @@ function Buttons({
56
58
  primaryButton?: ButtonProps;
57
59
  secondaryButton?: ButtonProps;
58
60
  }) {
61
+ const primaryButtonLink = buildSanityLink({
62
+ type: "linkInternal",
63
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
64
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
65
+ });
66
+
67
+ const secondaryButtonLink = buildSanityLink({
68
+ type: "linkInternal",
69
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
70
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
71
+ });
72
+
59
73
  return (
60
74
  <Flex
61
75
  align="center"
@@ -64,17 +78,27 @@ function Buttons({
64
78
  direction="col"
65
79
  className="lg:justify-start md:flex-row">
66
80
  {primaryButton?.label && (
67
- <Button as="link" link={primaryButton} ariaLabel={primaryButton?.label}>
68
- {primaryButton?.label}
81
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
82
+ <Link
83
+ href={primaryButtonLink.href}
84
+ target={primaryButtonLink.target}
85
+ rel={primaryButtonLink.rel}>
86
+ {primaryButton?.label}
87
+ </Link>
69
88
  </Button>
70
89
  )}
71
90
  {secondaryButton?.label && (
72
91
  <Button
73
- as="link"
74
- link={secondaryButton}
75
- className="bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global"
76
- ariaLabel={secondaryButton?.label}>
77
- {secondaryButton?.label}
92
+ variant="secondary"
93
+ className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
94
+ aria-label={secondaryButton?.label}
95
+ asChild>
96
+ <Link
97
+ href={secondaryButtonLink.href}
98
+ target={secondaryButtonLink.target}
99
+ rel={secondaryButtonLink.rel}>
100
+ {secondaryButton?.label}
101
+ </Link>
78
102
  </Button>
79
103
  )}
80
104
  </Flex>
package/src/header_b.tsx CHANGED
@@ -3,7 +3,9 @@ import { Container } from "@stackshift-ui/container";
3
3
  import { Flex } from "@stackshift-ui/flex";
4
4
  import { Heading } from "@stackshift-ui/heading";
5
5
  import { Image } from "@stackshift-ui/image";
6
+ import { Link } from "@stackshift-ui/link";
6
7
  import { Section } from "@stackshift-ui/section";
8
+ import { buildSanityLink } from "@stackshift-ui/system";
7
9
  import { Text } from "@stackshift-ui/text";
8
10
  import React from "react";
9
11
  import { ButtonProps, HeaderProps } from ".";
@@ -57,23 +59,47 @@ function Buttons({
57
59
  primaryButton?: ButtonProps;
58
60
  secondaryButton?: ButtonProps;
59
61
  }) {
62
+ const primaryButtonLink = buildSanityLink({
63
+ type: "linkInternal",
64
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
65
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
66
+ });
67
+
68
+ const secondaryButtonLink = buildSanityLink({
69
+ type: "linkInternal",
70
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
71
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
72
+ });
73
+
60
74
  return (
61
75
  <Flex
62
76
  align="center"
77
+ justify="center"
63
78
  gap={2}
64
- className="flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row">
79
+ direction="col"
80
+ className="lg:justify-start md:flex-row">
65
81
  {primaryButton?.label && (
66
- <Button as="link" link={primaryButton} ariaLabel={primaryButton?.label}>
67
- {primaryButton?.label}
82
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
83
+ <Link
84
+ href={primaryButtonLink.href}
85
+ target={primaryButtonLink.target}
86
+ rel={primaryButtonLink.rel}>
87
+ {primaryButton?.label}
88
+ </Link>
68
89
  </Button>
69
90
  )}
70
91
  {secondaryButton?.label && (
71
92
  <Button
72
- as="link"
73
- link={secondaryButton}
74
- className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3"
75
- ariaLabel={secondaryButton?.label}>
76
- {secondaryButton?.label}
93
+ variant="secondary"
94
+ className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
95
+ aria-label={secondaryButton?.label}
96
+ asChild>
97
+ <Link
98
+ href={secondaryButtonLink.href}
99
+ target={secondaryButtonLink.target}
100
+ rel={secondaryButtonLink.rel}>
101
+ {secondaryButton?.label}
102
+ </Link>
77
103
  </Button>
78
104
  )}
79
105
  </Flex>
package/src/header_c.tsx CHANGED
@@ -2,7 +2,9 @@ import { Button } from "@stackshift-ui/button";
2
2
  import { Container } from "@stackshift-ui/container";
3
3
  import { Flex } from "@stackshift-ui/flex";
4
4
  import { Heading } from "@stackshift-ui/heading";
5
+ import { Link } from "@stackshift-ui/link";
5
6
  import { Section } from "@stackshift-ui/section";
7
+ import { buildSanityLink } from "@stackshift-ui/system";
6
8
  import { ButtonProps, HeaderProps } from ".";
7
9
 
8
10
  export default function Header_C({
@@ -64,20 +66,47 @@ function Buttons({
64
66
  primaryButton?: ButtonProps;
65
67
  secondaryButton?: ButtonProps;
66
68
  }) {
69
+ const primaryButtonLink = buildSanityLink({
70
+ type: "linkInternal",
71
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
72
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
73
+ });
74
+
75
+ const secondaryButtonLink = buildSanityLink({
76
+ type: "linkInternal",
77
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
78
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
79
+ });
80
+
67
81
  return (
68
- <Flex align="center" gap={4} justify="center" className="flex-col lg:flex-row">
82
+ <Flex
83
+ align="center"
84
+ justify="center"
85
+ gap={2}
86
+ direction="col"
87
+ className="lg:justify-start md:flex-row">
69
88
  {primaryButton?.label && (
70
- <Button as="link" ariaLabel={primaryButton?.label} link={primaryButton}>
71
- {primaryButton?.label}
89
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
90
+ <Link
91
+ href={primaryButtonLink.href}
92
+ target={primaryButtonLink.target}
93
+ rel={primaryButtonLink.rel}>
94
+ {primaryButton?.label}
95
+ </Link>
72
96
  </Button>
73
97
  )}
74
98
  {secondaryButton?.label && (
75
99
  <Button
76
- as="link"
77
- ariaLabel={secondaryButton?.label}
78
- link={secondaryButton}
79
- className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3">
80
- {secondaryButton?.label}
100
+ variant="secondary"
101
+ className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
102
+ aria-label={secondaryButton?.label}
103
+ asChild>
104
+ <Link
105
+ href={secondaryButtonLink.href}
106
+ target={secondaryButtonLink.target}
107
+ rel={secondaryButtonLink.rel}>
108
+ {secondaryButton?.label}
109
+ </Link>
81
110
  </Button>
82
111
  )}
83
112
  </Flex>
package/src/header_d.tsx CHANGED
@@ -3,7 +3,9 @@ import { Container } from "@stackshift-ui/container";
3
3
  import { Flex } from "@stackshift-ui/flex";
4
4
  import { Heading } from "@stackshift-ui/heading";
5
5
  import { Image } from "@stackshift-ui/image";
6
+ import { Link } from "@stackshift-ui/link";
6
7
  import { Section } from "@stackshift-ui/section";
8
+ import { buildSanityLink } from "@stackshift-ui/system";
7
9
  import { Text } from "@stackshift-ui/text";
8
10
  import React from "react";
9
11
  import { ButtonProps, HeaderProps } from ".";
@@ -56,31 +58,49 @@ function Buttons({
56
58
  primaryButton?: ButtonProps;
57
59
  secondaryButton?: ButtonProps;
58
60
  }) {
61
+ const primaryButtonLink = buildSanityLink({
62
+ type: "linkInternal",
63
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
64
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
65
+ });
66
+
67
+ const secondaryButtonLink = buildSanityLink({
68
+ type: "linkInternal",
69
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
70
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
71
+ });
72
+
59
73
  return (
60
74
  <Flex
61
75
  align="center"
62
- className="flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row"
63
- gap={2}>
64
- {primaryButton?.label ? (
65
- <Button
66
- as="link"
67
- link={primaryButton}
68
- ariaLabel={primaryButton?.ariaLabel ?? primaryButton?.label}
69
- variant="solid"
70
- className="bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white">
71
- {primaryButton.label}
76
+ justify="center"
77
+ gap={2}
78
+ direction="col"
79
+ className="lg:justify-start md:flex-row">
80
+ {primaryButton?.label && (
81
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
82
+ <Link
83
+ href={primaryButtonLink.href}
84
+ target={primaryButtonLink.target}
85
+ rel={primaryButtonLink.rel}>
86
+ {primaryButton?.label}
87
+ </Link>
72
88
  </Button>
73
- ) : null}
74
- {secondaryButton?.label ? (
89
+ )}
90
+ {secondaryButton?.label && (
75
91
  <Button
76
- as="link"
77
- link={secondaryButton}
78
- ariaLabel={secondaryButton.ariaLabel ?? secondaryButton?.label}
79
- variant="solid"
80
- className="bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3">
81
- {secondaryButton.label}
92
+ variant="secondary"
93
+ className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
94
+ aria-label={secondaryButton?.label}
95
+ asChild>
96
+ <Link
97
+ href={secondaryButtonLink.href}
98
+ target={secondaryButtonLink.target}
99
+ rel={secondaryButtonLink.rel}>
100
+ {secondaryButton?.label}
101
+ </Link>
82
102
  </Button>
83
- ) : null}
103
+ )}
84
104
  </Flex>
85
105
  );
86
106
  }
package/src/header_e.tsx CHANGED
@@ -2,8 +2,10 @@ import { Button } from "@stackshift-ui/button";
2
2
  import { Container } from "@stackshift-ui/container";
3
3
  import { Flex } from "@stackshift-ui/flex";
4
4
  import { Heading } from "@stackshift-ui/heading";
5
+ import { Link } from "@stackshift-ui/link";
5
6
  import { Section } from "@stackshift-ui/section";
6
7
  import { SigninSignup_A } from "@stackshift-ui/signin-signup";
8
+ import { buildSanityLink } from "@stackshift-ui/system";
7
9
  import { Text } from "@stackshift-ui/text";
8
10
  import React from "react";
9
11
  import { ButtonProps, HeaderProps } from ".";
@@ -61,20 +63,47 @@ function Buttons({
61
63
  primaryButton?: ButtonProps;
62
64
  secondaryButton?: ButtonProps;
63
65
  }) {
66
+ const primaryButtonLink = buildSanityLink({
67
+ type: "linkInternal",
68
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
69
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
70
+ });
71
+
72
+ const secondaryButtonLink = buildSanityLink({
73
+ type: "linkInternal",
74
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
75
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
76
+ });
77
+
64
78
  return (
65
- <Flex align="center" gap={2} className="flex-col md:flex-row justify-center lg:justify-start">
79
+ <Flex
80
+ align="center"
81
+ justify="center"
82
+ gap={2}
83
+ direction="col"
84
+ className="lg:justify-start md:flex-row">
66
85
  {primaryButton?.label && (
67
- <Button as="link" link={primaryButton} ariaLabel={primaryButton?.label}>
68
- {primaryButton?.label}
86
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
87
+ <Link
88
+ href={primaryButtonLink.href}
89
+ target={primaryButtonLink.target}
90
+ rel={primaryButtonLink.rel}>
91
+ {primaryButton?.label}
92
+ </Link>
69
93
  </Button>
70
94
  )}
71
95
  {secondaryButton?.label && (
72
96
  <Button
73
- as="link"
74
- link={secondaryButton}
75
- className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3"
76
- ariaLabel={secondaryButton?.label}>
77
- {secondaryButton?.label}
97
+ variant="secondary"
98
+ className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
99
+ aria-label={secondaryButton?.label}
100
+ asChild>
101
+ <Link
102
+ href={secondaryButtonLink.href}
103
+ target={secondaryButtonLink.target}
104
+ rel={secondaryButtonLink.rel}>
105
+ {secondaryButton?.label}
106
+ </Link>
78
107
  </Button>
79
108
  )}
80
109
  </Flex>
package/src/header_f.tsx CHANGED
@@ -8,6 +8,8 @@ import { Text } from "@stackshift-ui/text";
8
8
  import { LiaLongArrowAltRightSolid } from "react-icons/lia";
9
9
  import { customBlockStyle } from "./utils/portableText/customBlockStyle";
10
10
 
11
+ import { Link } from "@stackshift-ui/link";
12
+ import { buildSanityLink } from "@stackshift-ui/system";
11
13
  import { HeaderProps } from ".";
12
14
  import { HeaderBox, HeaderSections } from "./types";
13
15
 
@@ -159,21 +161,36 @@ const HeaderTitleSection = ({ header }: { header: HeaderBox }) => (
159
161
  </div>
160
162
  );
161
163
 
162
- const HeaderButton = ({ header }: { header: HeaderSections }) => (
163
- <div className={`flex justify-${header?.alignment} gap-4`}>
164
- {header?.primaryButton?.label && (
165
- <Button
166
- as="link"
167
- link={header?.primaryButton}
168
- ariaLabel={header?.primaryButton?.label}
169
- className="border border-black px-14 py-3.5 text-sm">
170
- <span className="flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest">
171
- {header?.primaryButton?.label} <LiaLongArrowAltRightSolid />
172
- </span>
173
- </Button>
174
- )}
175
- </div>
176
- );
164
+ const HeaderButton = ({ header }: { header: HeaderSections }) => {
165
+ const primaryButtonLink = buildSanityLink({
166
+ type: "linkInternal",
167
+ internalLink:
168
+ header?.primaryButton?.link?.target === "_self" ? header?.primaryButton?.link?.route : "",
169
+ externalLink:
170
+ header?.primaryButton?.link?.target != "_self" ? header?.primaryButton?.link?.route : "",
171
+ });
172
+
173
+ return (
174
+ <div className={`flex justify-${header?.alignment} gap-4`}>
175
+ {header?.primaryButton?.label && (
176
+ <Button
177
+ variant="link"
178
+ aria-label={header?.primaryButton?.label}
179
+ className="border border-black px-14 py-3.5 text-sm"
180
+ asChild>
181
+ <Link
182
+ href={primaryButtonLink.href}
183
+ target={primaryButtonLink.target}
184
+ rel={primaryButtonLink.rel}>
185
+ <span className="flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest">
186
+ {header?.primaryButton?.label} <LiaLongArrowAltRightSolid />
187
+ </span>
188
+ </Link>
189
+ </Button>
190
+ )}
191
+ </div>
192
+ );
193
+ };
177
194
 
178
195
  const HeaderItem = ({ header, isImageLeft }: { header: HeaderSections; isImageLeft: boolean }) => (
179
196
  <div
package/src/header_g.tsx CHANGED
@@ -1,8 +1,10 @@
1
1
  import { Button } from "@stackshift-ui/button";
2
2
  import { Flex } from "@stackshift-ui/flex";
3
3
  import { Heading } from "@stackshift-ui/heading";
4
+ import { Link } from "@stackshift-ui/link";
4
5
  import { Section } from "@stackshift-ui/section";
5
6
  import { SwiperPagination } from "@stackshift-ui/swiper-pagination";
7
+ import { buildSanityLink } from "@stackshift-ui/system";
6
8
  import { Text } from "@stackshift-ui/text";
7
9
  import { useEffect, useState } from "react";
8
10
  import { HeaderProps } from ".";
@@ -43,6 +45,18 @@ export default function Header_G({
43
45
  }
44
46
  };
45
47
 
48
+ const primaryButtonLink = buildSanityLink({
49
+ type: "linkInternal",
50
+ internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
51
+ externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
52
+ });
53
+
54
+ const secondaryButtonLink = buildSanityLink({
55
+ type: "linkInternal",
56
+ internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
57
+ externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
58
+ });
59
+
46
60
  return (
47
61
  <Section>
48
62
  <div className="relative w-full h-[80vh] overflow-hidden">
@@ -83,29 +97,33 @@ export default function Header_G({
83
97
  </Heading>
84
98
  {description && <Text className="text-white mb-10">{description}</Text>}
85
99
  <Flex
86
- justify={position === "center" ? "center" : position === "right" ? "end" : "start"}
87
- direction="row"
88
100
  align="center"
89
- wrap
90
- gap={4}>
101
+ justify="center"
102
+ gap={2}
103
+ direction="col"
104
+ className="lg:justify-start md:flex-row">
91
105
  {primaryButton?.label && (
92
- <Button
93
- as="link"
94
- link={primaryButton}
95
- ariaLabel={primaryButton?.ariaLabel}
96
- variant="solid"
97
- className="text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out">
98
- {primaryButton.label}
106
+ <Button variant="default" aria-label={primaryButton?.label} asChild>
107
+ <Link
108
+ href={primaryButtonLink.href}
109
+ target={primaryButtonLink.target}
110
+ rel={primaryButtonLink.rel}>
111
+ {primaryButton?.label}
112
+ </Link>
99
113
  </Button>
100
114
  )}
101
115
  {secondaryButton?.label && (
102
116
  <Button
103
- as="link"
104
- link={secondaryButton}
105
- variant="solid"
106
- ariaLabel={secondaryButton?.ariaLabel}
107
- className="text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out">
108
- {secondaryButton.label}
117
+ variant="secondary"
118
+ className="bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
119
+ aria-label={secondaryButton?.label}
120
+ asChild>
121
+ <Link
122
+ href={secondaryButtonLink.href}
123
+ target={secondaryButtonLink.target}
124
+ rel={secondaryButtonLink.rel}>
125
+ {secondaryButton?.label}
126
+ </Link>
109
127
  </Button>
110
128
  )}
111
129
  </Flex>
package/dist/chunk-HPYJXTQG.mjs DELETED
@@ -1 +0,0 @@
1
- import{lazy as n}from"react";import{jsx as J}from"react/jsx-runtime";var D={variant_a:n(()=>import("./header_a.mjs")),variant_b:n(()=>import("./header_b.mjs")),variant_c:n(()=>import("./header_c.mjs")),variant_d:n(()=>import("./header_d.mjs")),variant_e:n(()=>import("./header_e.mjs")),variant_f:n(()=>import("./header_f.mjs")),variant_g:n(()=>import("./header_g.mjs"))},E="Header",G=({data:i})=>{var s,o,t,m,u,p,f,l,g,v,c,b,y,P,h,I,B,L,k,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C,q,w;let e=i==null?void 0:i.variant,r=e&&D[e],A={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(m=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?m:void 0,mediaItems:(p=(u=i==null?void 0:i.variants)==null?void 0:u.images)!=null?p:void 0,title:(l=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?l:void 0,subtitle:(v=(g=i==null?void 0:i.variants)==null?void 0:g.subtitle)!=null?v:void 0,description:(b=(c=i==null?void 0:i.variants)==null?void 0:c.description)!=null?b:void 0,primaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.primaryButton)!=null?P:void 0,secondaryButton:(I=(h=i==null?void 0:i.variants)==null?void 0:h.secondaryButton)!=null?I:void 0,videoLink:(L=(B=i==null?void 0:i.variants)==null?void 0:B.youtubeLink)!=null?L:void 0,formLinks:(S=(k=i==null?void 0:i.variants)==null?void 0:k.formLinks)!=null?S:void 0,form:(F=(_=i==null?void 0:i.variants)==null?void 0:_.form)!=null?F:void 0,spacing:(W=(H=i==null?void 0:i.variants)==null?void 0:H.spacing)!=null?W:void 0,isOrdered:(O=(R=i==null?void 0:i.variants)==null?void 0:R.isOrdered)!=null?O:void 0,startingPosition:(x=(V=i==null?void 0:i.variants)==null?void 0:V.startingPosition)!=null?x:void 0,headerSections:(M=(K=i==null?void 0:i.variants)==null?void 0:K.headerSections)!=null?M:void 0,subtitlePosition:(T=(N=i==null?void 0:i.variants)==null?void 0:N.subtitlePosition)!=null?T:void 0,isFullWidth:(C=(z=i==null?void 0:i.variants)==null?void 0:z.isFullWidth)!=null?C:void 0,position:(w=(q=i==null?void 0:i.variants)==null?void 0:q.position)!=null?w:void 0};return r?J(r,{...A}):null};G.displayName=E;export{G as a};