@stackshift-ui/header 6.1.0 → 6.1.2

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.
@@ -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,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};
@@ -0,0 +1 @@
1
+ import{Button as h}from"@stackshift-ui/button";import{Flex as p}from"@stackshift-ui/flex";import{Heading as u}from"@stackshift-ui/heading";import{Section as m}from"@stackshift-ui/section";import{SwiperPagination as d}from"@stackshift-ui/swiper-pagination";import{Text as w}from"@stackshift-ui/text";import{useEffect as N,useState as k}from"react";import{Fragment as j,jsx as e,jsxs as n}from"react/jsx-runtime";function S({mediaItems:t,title:r,description:f,primaryButton:l,secondaryButton:a,position:i="center"}){if(!(t!=null&&t.length))return null;let[b,x]=k(0),o=t[b];N(()=>{let c=setInterval(()=>{x(s=>(s+1)%t.length)},5e3);return()=>clearInterval(c)},[t.length]);let v=c=>{x(c)},g=()=>{switch(i){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return e(m,{children:n("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[o.video?e("video",{className:"absolute inset-0 w-full h-full object-cover",src:o.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):e("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${o.image})`}}),e("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),e("div",{className:`relative z-10 flex p-8 justify-${i==="right"?"end":i} items-center h-full`,children:n("div",{className:`max-w-[600px] flex flex-col justify-center ${g()} px-4`,children:[e(u,{className:"text-white uppercase mb-10",children:r!=null&&r.includes("Introducing")?n(j,{children:[e("span",{className:"md:text-3xl text-2xl",children:r.split(" ").slice(0,1).join(" ")}),e("br",{}),e("span",{children:r.split(" ").slice(1).join(" ")})]}):r}),f&&e(w,{className:"text-white mb-10",children:f}),n(p,{justify:i==="center"?"center":i==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(l==null?void 0:l.label)&&e(h,{as:"link",link:l,ariaLabel:l==null?void 0:l.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:l.label}),(a==null?void 0:a.label)&&e(h,{as:"link",link:a,variant:"solid",ariaLabel:a==null?void 0:a.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:a.label})]})]})}),e("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:t.map((c,s)=>e(d,{colorScheme:"white",isActive:s===b,onClick:()=>v(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}export{S as a};
package/dist/header.d.ts CHANGED
@@ -14,6 +14,7 @@ export interface HeaderProps {
14
14
  template?: Template;
15
15
  mainImage?: MainImage;
16
16
  images?: Images[];
17
+ mediaItems?: Images[];
17
18
  title?: string;
18
19
  subtitle?: string;
19
20
  description?: string;
package/dist/header.js CHANGED
@@ -1 +1 @@
1
- "use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},fe=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},fe(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>fe(C({},"__esModule",{value:!0}),e);var Ne={};P(Ne,{Header_A:()=>ke,default:()=>ke});function ke({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(de.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ge.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(we.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function Il({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 Cl({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)(Ll,{})]}):null}function Ll(){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,ge,_,ue,q,de,ve,we,r,Pe=N(()=>{"use strict";A=require("@stackshift-ui/button"),ge=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ue=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),de=require("@stackshift-ui/section"),ve=require("@stackshift-ui/text"),we=L(require("react")),r=require("react/jsx-runtime")});var Ie={};P(Ie,{Header_B:()=>$e,default:()=>$e});function $e({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(de.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ge.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)(zl,{title:l,description:t}),(0,r.jsx)(_l,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(jl,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)(Fe.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function _l({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 jl({images:e}){var l,t,i,o,c,d,v,b,u,w,k,g,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-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:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-ue-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(b=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?b:"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:(g=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?g:"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:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-ue-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,ge,_,ue,q,de,ve,Fe,r,Ce=N(()=>{"use strict";D=require("@stackshift-ui/button"),Fe=L(require("react"))});var Re={};P(Re,{Header_C:()=>Me,default:()=>Me});function Me({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)(de.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ge.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)(ue.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({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,ge,_,ue,de,r,We=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Ve={};P(Ve,{Header_D:()=>Oe,default:()=>Oe});function Oe({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(de.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ge.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)(ge.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Ge.default.Fragment,{children:[e?(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ve.Text,{className:"my-6",muted:!0,children:l}):null]})}function Al({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 ql({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,ge,_,ue,q,de,ve,Ge,r,Ke=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ge=L(require("react"))});var Be={};P(Be,{Header_E:()=>ye,default:()=>ye});function ye({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(de.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ge.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(Ue.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(Ze.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function El({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,ge,_,ue,de,Ue,ve,Ze,r,el=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ue=require("@stackshift-ui/signin-signup"),Ze=L(require("react"))});var a,ll,tl=N(()=>{"use strict";a=require("react/jsx-runtime"),ll=({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)("ve",{className:`_-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`_-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 cl={};P(cl,{Header_F:()=>al,default:()=>al});function al({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(de.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)(Ol,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((b,u)=>{let w=v==="left"?u%2===0:u%2!==0;return b.isImageLeft=w,b.isFullWidth=o,b.index=u+1,b.isOrdered=d,(0,n.jsx)(Ql,{header:b,isImageLeft:w},b._key)})})]})})}var il,ol,_,ue,q,de,ve,ml,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,xl=N(()=>{"use strict";il=require("@portabletext/react"),ol=require("@stackshift-ui/button"),ml=require("react-icons/lia");tl();n=require("react/jsx-runtime"),Gl={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]"};Ol=({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)(ve.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ve.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)(ve.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ve.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ve.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)(il.PortableText,{value:e==null?void 0:e.columnContent,components:ll({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)(Xl,{header:e})]})})},Jl=({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)(ve.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)(ve.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)(ue.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"})]})]})]}),Xl=({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)(ol.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)(ml.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var vl={};P(vl,{Header_G:()=>dl,default:()=>dl});function dl({images: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),b=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(g=>(g+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)(de.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[b.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:b.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(${b.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)(ue.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)(ve.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,g)=>(0,r.jsx)(gl.SwiperPagination,{colorScheme:"white",isActive:g===d,onClick:()=>u(g),ariaLabel:`Go to slide ${g+1}`},g))})]})})}var J,_,ue,de,gl,ve,W,r,wl=N(()=>{"use strict";J=require("@stackshift-ui/button"),gl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(Pe(),Ne))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(Ce(),Ie))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(We(),Re))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Ke(),Ve))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(el(),Be))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(xl(),cl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(wl(),vl)))},Yl="Header",kl=({data:e})=>{var o,c,d,v,b,u,w,k,g,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,pe,be;let l=e==null?void 0:e.variant,t=l&&Ul[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,title:(u=(b=e==null?void 0:e.variants)==null?void 0:b.title)!=null?u:void 0,subtitle:(k=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?k:void 0,description:(H=(g=e==null?void 0:e.variants)==null?void 0:g.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?X:void 0,videoLink:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.youtubeLink)!=null?U:void 0,formLinks:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.formLinks)!=null?Z:void 0,form:(B=(y=e==null?void 0:e.variants)==null?void 0:y.form)!=null?B:void 0,spacing:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.spacing)!=null?le:void 0,isOrdered:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.isOrdered)!=null?ie:void 0,startingPosition:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.startingPosition)!=null?ne:void 0,headerSections:(se=(re=e==null?void 0:e.variants)==null?void 0:re.headerSections)!=null?se:void 0,subtitlePosition:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.subtitlePosition)!=null?ae:void 0,isFullWidth:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.isFullWidth)!=null?xe:void 0,position:(be=(pe=e==null?void 0:e.variants)==null?void 0:pe.position)!=null?be:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.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.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});
package/dist/header.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-XHABENJS.mjs";export{a as Header};
1
+ import{a}from"./chunk-HPYJXTQG.mjs";export{a as Header};
@@ -1,3 +1,3 @@
1
1
  import { HeaderProps } from ".";
2
- export default function Header_G({ images, title, description, primaryButton, secondaryButton, position, }: HeaderProps): import("react/jsx-runtime").JSX.Element | null;
2
+ export default function Header_G({ mediaItems, title, description, primaryButton, secondaryButton, position, }: HeaderProps): import("react/jsx-runtime").JSX.Element | null;
3
3
  export { Header_G };
package/dist/header_g.js CHANGED
@@ -1 +1 @@
1
- "use strict";var m=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var j=Object.prototype.hasOwnProperty;var H=(t,l)=>{for(var s in l)m(t,s,{get:l[s],enumerable:!0})},L=(t,l,s,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of S(l))!j.call(t,a)&&a!==s&&m(t,a,{get:()=>l[a],enumerable:!(r=I(l,a))||r.enumerable});return t};var C=t=>L(m({},"__esModule",{value:!0}),t);var P={};H(P,{Header_G:()=>w,default:()=>w});module.exports=C(P);var b=require("@stackshift-ui/button"),h=require("@stackshift-ui/flex"),v=require("@stackshift-ui/heading"),p=require("@stackshift-ui/section"),u=require("@stackshift-ui/swiper-pagination"),g=require("@stackshift-ui/text"),o=require("react"),e=require("react/jsx-runtime");function w({images:t,title:l,description:s,primaryButton:r,secondaryButton:a,position:c="center"}){if(!(t!=null&&t.length))return null;let[x,d]=(0,o.useState)(0),f=t[x];(0,o.useEffect)(()=>{let n=setInterval(()=>{d(i=>(i+1)%t.length)},5e3);return()=>clearInterval(n)},[t.length]);let N=n=>{d(n)},k=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,e.jsx)(p.Section,{children:(0,e.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[f.video?(0,e.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,e.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,e.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center h-full`,children:(0,e.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,e.jsx)(v.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,e.jsx)("br",{}),(0,e.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),s&&(0,e.jsx)(g.Text,{className:"text-white mb-10",children:s}),(0,e.jsxs)(h.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(r==null?void 0:r.label)&&(0,e.jsx)(b.Button,{as:"link",link:r,ariaLabel:r==null?void 0:r.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:r.label}),(a==null?void 0:a.label)&&(0,e.jsx)(b.Button,{as:"link",link:a,variant:"solid",ariaLabel:a==null?void 0:a.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:a.label})]})]})}),(0,e.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:t.map((n,i)=>(0,e.jsx)(u.SwiperPagination,{colorScheme:"white",isActive:i===x,onClick:()=>N(i),ariaLabel:`Go to slide ${i+1}`},i))})]})})}0&&(module.exports={Header_G});
1
+ "use strict";var b=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var L=(a,l)=>{for(var s in l)b(a,s,{get:l[s],enumerable:!0})},C=(a,l,s,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of j(l))!H.call(a,t)&&t!==s&&b(a,t,{get:()=>l[t],enumerable:!(r=S(l,t))||r.enumerable});return a};var P=a=>C(b({},"__esModule",{value:!0}),a);var $={};L($,{Header_G:()=>w,default:()=>w});module.exports=P($);var x=require("@stackshift-ui/button"),g=require("@stackshift-ui/flex"),p=require("@stackshift-ui/heading"),u=require("@stackshift-ui/section"),m=require("@stackshift-ui/swiper-pagination"),d=require("@stackshift-ui/text"),o=require("react"),e=require("react/jsx-runtime");function w({mediaItems:a,title:l,description:s,primaryButton:r,secondaryButton:t,position:c="center"}){if(!(a!=null&&a.length))return null;let[h,v]=(0,o.useState)(0),f=a[h];(0,o.useEffect)(()=>{let n=setInterval(()=>{v(i=>(i+1)%a.length)},5e3);return()=>clearInterval(n)},[a.length]);let N=n=>{v(n)},k=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,e.jsx)(u.Section,{children:(0,e.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[f.video?(0,e.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,e.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,e.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center h-full`,children:(0,e.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,e.jsx)(p.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,e.jsx)("br",{}),(0,e.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),s&&(0,e.jsx)(d.Text,{className:"text-white mb-10",children:s}),(0,e.jsxs)(g.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(r==null?void 0:r.label)&&(0,e.jsx)(x.Button,{as:"link",link:r,ariaLabel:r==null?void 0:r.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:r.label}),(t==null?void 0:t.label)&&(0,e.jsx)(x.Button,{as:"link",link:t,variant:"solid",ariaLabel:t==null?void 0:t.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:t.label})]})]})}),(0,e.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:a.map((n,i)=>(0,e.jsx)(m.SwiperPagination,{colorScheme:"white",isActive:i===h,onClick:()=>N(i),ariaLabel:`Go to slide ${i+1}`},i))})]})})}0&&(module.exports={Header_G});
package/dist/header_g.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-E3ZU2IYJ.mjs";export{a as Header_G,a as default};
1
+ import{a}from"./chunk-LA2DIHLF.mjs";export{a as Header_G,a as default};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},$e=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},$e(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>$e(C({},"__esModule",{value:!0}),e);var je={};P(je,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(Le.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ie.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(_e.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function Il({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 Cl({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)(Ll,{})]}):null}function Ll(){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,Ie,_,Ce,q,Le,ze,_e,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Ie=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),Ce=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),Le=require("@stackshift-ui/section"),ze=require("@stackshift-ui/text"),_e=L(require("react")),r=require("react/jsx-runtime")});var De={};P(De,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(Le.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Ie.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)(zl,{title:l,description:t}),(0,r.jsx)(_l,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(jl,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)(qe.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function _l({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 jl({images:e}){var l,t,i,o,c,d,v,f,u,w,k,g,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-Le 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-Le sm:ml-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:(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-Le 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:(g=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?g:"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-Le sm:ml-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 G,Ie,_,Ce,q,Le,ze,qe,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),qe=L(require("react"))});var Ke={};P(Ke,{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)(Le.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Ie.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)(Ce.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 Le:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({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,Ie,_,Ce,Le,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Ze={};P(Ze,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(Le.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ie.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)(Ie.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Ye.default.Fragment,{children:[e?(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ze.Text,{className:"my-6",muted:!0,children:l}):null]})}function Al({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 ql({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,Ie,_,Ce,q,Le,ze,Ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),Ye=L(require("react"))});var ol={};P(ol,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(Le.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Ie.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(ll.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(il.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function El({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,Ie,_,Ce,Le,ll,ze,il,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),ll=require("@stackshift-ui/signin-signup"),il=L(require("react"))});var a,nl,rl=N(()=>{"use strict";a=require("react/jsx-runtime"),nl=({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)("Le",{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)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var fl={};P(fl,{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)(Le.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)(Ol,{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)(Ql,{header:f,isImageLeft:w},f._key)})})]})})}var sl,ml,_,Ce,q,Le,ze,pl,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,ie=N(()=>{"use strict";sl=require("@portabletext/react"),ml=require("@stackshift-ui/button"),pl=require("react-icons/lia");rl();n=require("react/jsx-runtime"),Gl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] Le: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]"};Ol=({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)(ze.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ze.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)(ze.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ze.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ze.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] Le:text-[28px] Le:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(sl.PortableText,{value:e==null?void 0:e.columnContent,components:nl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] Le:text-[28px] Le:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Xl,{header:e})]})})},Jl=({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)(ze.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)(ze.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)(Ce.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"})]})]})]}),Xl=({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)(ml.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)(pl.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var wl={};P(wl,{Header_G:()=>ne,default:()=>ne});function ne({images: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(g=>(g+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)(Le.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)(Ce.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)(ze.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,g)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:g===d,onClick:()=>u(g),ariaLabel:`Go to slide ${g+1}`},g))})]})})}var oe,_,Ce,Le,dl,ze,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),je))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),De))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Ke))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Ze))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),ol))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),fl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),wl)))},Yl="Header",kl=({data:e})=>{var o,c,d,v,f,u,w,k,g,H,S,F,$,se,me,ae,ce,xe,pe,fe,be,ge,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe;let l=e==null?void 0:e.variant,t=l&&Ul[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,title:(u=(f=e==null?void 0:e.variants)==null?void 0:f.title)!=null?u:void 0,subtitle:(k=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?k:void 0,description:(H=(g=e==null?void 0:e.variants)==null?void 0:g.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?se:void 0,videoLink:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.youtubeLink)!=null?ae:void 0,formLinks:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.formLinks)!=null?xe:void 0,form:(fe=(pe=e==null?void 0:e.variants)==null?void 0:pe.form)!=null?fe:void 0,spacing:(ge=(be=e==null?void 0:e.variants)==null?void 0:be.spacing)!=null?ge:void 0,isOrdered:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.isOrdered)!=null?de:void 0,startingPosition:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.startingPosition)!=null?we:void 0,headerSections:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.headerSections)!=null?Ne:void 0,subtitlePosition:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.subtitlePosition)!=null?Te:void 0,isFullWidth:(He=(he=e==null?void 0:e.variants)==null?void 0:he.isFullWidth)!=null?He:void 0,position:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.position)!=null?Fe:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.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,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});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as p}from"./chunk-E3ZU2IYJ.mjs";import{a as x}from"./chunk-XHABENJS.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-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};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/header",
3
3
  "description": "",
4
- "version": "6.1.0",
4
+ "version": "6.1.2",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -34,17 +34,17 @@
34
34
  "@portabletext/react": "^3.1.0",
35
35
  "react-icons": "^5.3.0",
36
36
  "@stackshift-ui/button": "6.0.11",
37
- "@stackshift-ui/container": "6.0.11",
38
37
  "@stackshift-ui/flex": "6.0.11",
39
- "@stackshift-ui/scripts": "6.0.10",
40
- "@stackshift-ui/section": "6.0.11",
41
- "@stackshift-ui/link": "6.0.11",
42
- "@stackshift-ui/signin-signup": "6.0.14",
38
+ "@stackshift-ui/container": "6.0.11",
43
39
  "@stackshift-ui/image": "6.0.11",
44
40
  "@stackshift-ui/heading": "6.0.11",
45
- "@stackshift-ui/system": "6.0.11",
41
+ "@stackshift-ui/scripts": "6.0.10",
42
+ "@stackshift-ui/link": "6.0.11",
43
+ "@stackshift-ui/section": "6.0.11",
44
+ "@stackshift-ui/text": "6.0.11",
46
45
  "@stackshift-ui/swiper-pagination": "6.0.11",
47
- "@stackshift-ui/text": "6.0.11"
46
+ "@stackshift-ui/signin-signup": "6.0.14",
47
+ "@stackshift-ui/system": "6.0.11"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "@stackshift-ui/system": ">=6.0.11",
package/src/header.tsx CHANGED
@@ -34,6 +34,7 @@ export interface HeaderProps {
34
34
  template?: Template;
35
35
  mainImage?: MainImage;
36
36
  images?: Images[];
37
+ mediaItems?: Images[];
37
38
  title?: string;
38
39
  subtitle?: string;
39
40
  description?: string;
@@ -60,6 +61,7 @@ export const Header: React.FC<SectionsProps> = ({ data }) => {
60
61
  const props = {
61
62
  mainImage: data?.variants?.mainImage ?? undefined,
62
63
  images: data?.variants?.images ?? undefined,
64
+ mediaItems: data?.variants?.images ?? undefined,
63
65
  title: data?.variants?.title ?? undefined,
64
66
  subtitle: data?.variants?.subtitle ?? undefined,
65
67
  description: data?.variants?.description ?? undefined,
package/src/header_g.tsx CHANGED
@@ -8,25 +8,25 @@ import { useEffect, useState } from "react";
8
8
  import { HeaderProps } from ".";
9
9
 
10
10
  export default function Header_G({
11
- images,
11
+ mediaItems,
12
12
  title,
13
13
  description,
14
14
  primaryButton,
15
15
  secondaryButton,
16
16
  position = "center",
17
17
  }: HeaderProps) {
18
- if (!images?.length) return null;
18
+ if (!mediaItems?.length) return null;
19
19
 
20
20
  const [currentIndex, setCurrentIndex] = useState(0);
21
- const currentItem = images[currentIndex];
21
+ const currentItem = mediaItems[currentIndex];
22
22
 
23
23
  useEffect(() => {
24
24
  const timer = setInterval(() => {
25
- setCurrentIndex(prevIndex => (prevIndex + 1) % images.length);
25
+ setCurrentIndex(prevIndex => (prevIndex + 1) % mediaItems.length);
26
26
  }, 5000);
27
27
 
28
28
  return () => clearInterval(timer);
29
- }, [images.length]);
29
+ }, [mediaItems.length]);
30
30
 
31
31
  const handleSlideChange = (index: number) => {
32
32
  setCurrentIndex(index);
@@ -113,7 +113,7 @@ export default function Header_G({
113
113
  </div>
114
114
 
115
115
  <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2">
116
- {images.map((_, index) => (
116
+ {mediaItems.map((_, index) => (
117
117
  <SwiperPagination
118
118
  key={index}
119
119
  colorScheme="white"
@@ -1 +0,0 @@
1
- import{Button as x}from"@stackshift-ui/button";import{Flex as v}from"@stackshift-ui/flex";import{Heading as p}from"@stackshift-ui/heading";import{Section as u}from"@stackshift-ui/section";import{SwiperPagination as g}from"@stackshift-ui/swiper-pagination";import{Text as w}from"@stackshift-ui/text";import{useEffect as N,useState as k}from"react";import{Fragment as S,jsx as e,jsxs as n}from"react/jsx-runtime";function I({images:a,title:r,description:f,primaryButton:l,secondaryButton:t,position:i="center"}){if(!(a!=null&&a.length))return null;let[m,b]=k(0),o=a[m];N(()=>{let c=setInterval(()=>{b(s=>(s+1)%a.length)},5e3);return()=>clearInterval(c)},[a.length]);let d=c=>{b(c)},h=()=>{switch(i){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return e(u,{children:n("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[o.video?e("video",{className:"absolute inset-0 w-full h-full object-cover",src:o.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):e("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${o.image})`}}),e("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),e("div",{className:`relative z-10 flex p-8 justify-${i==="right"?"end":i} items-center h-full`,children:n("div",{className:`max-w-[600px] flex flex-col justify-center ${h()} px-4`,children:[e(p,{className:"text-white uppercase mb-10",children:r!=null&&r.includes("Introducing")?n(S,{children:[e("span",{className:"md:text-3xl text-2xl",children:r.split(" ").slice(0,1).join(" ")}),e("br",{}),e("span",{children:r.split(" ").slice(1).join(" ")})]}):r}),f&&e(w,{className:"text-white mb-10",children:f}),n(v,{justify:i==="center"?"center":i==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(l==null?void 0:l.label)&&e(x,{as:"link",link:l,ariaLabel:l==null?void 0:l.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:l.label}),(t==null?void 0:t.label)&&e(x,{as:"link",link:t,variant:"solid",ariaLabel:t==null?void 0:t.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:t.label})]})]})}),e("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:a.map((c,s)=>e(g,{colorScheme:"white",isActive:s===m,onClick:()=>d(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}export{I as a};
@@ -1 +0,0 @@
1
- import{lazy as n}from"react";import{jsx as E}from"react/jsx-runtime";var w={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"))},A="Header",D=({data:i})=>{var s,o,t,u,m,p,l,f,g,v,c,b,y,P,h,B,L,k,I,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C;let e=i==null?void 0:i.variant,r=e&&w[e],q={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(u=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?u:void 0,title:(p=(m=i==null?void 0:i.variants)==null?void 0:m.title)!=null?p:void 0,subtitle:(f=(l=i==null?void 0:i.variants)==null?void 0:l.subtitle)!=null?f:void 0,description:(v=(g=i==null?void 0:i.variants)==null?void 0:g.description)!=null?v:void 0,primaryButton:(b=(c=i==null?void 0:i.variants)==null?void 0:c.primaryButton)!=null?b:void 0,secondaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.secondaryButton)!=null?P:void 0,videoLink:(B=(h=i==null?void 0:i.variants)==null?void 0:h.youtubeLink)!=null?B:void 0,formLinks:(k=(L=i==null?void 0:i.variants)==null?void 0:L.formLinks)!=null?k:void 0,form:(S=(I=i==null?void 0:i.variants)==null?void 0:I.form)!=null?S:void 0,spacing:(F=(_=i==null?void 0:i.variants)==null?void 0:_.spacing)!=null?F:void 0,isOrdered:(W=(H=i==null?void 0:i.variants)==null?void 0:H.isOrdered)!=null?W:void 0,startingPosition:(O=(R=i==null?void 0:i.variants)==null?void 0:R.startingPosition)!=null?O:void 0,headerSections:(x=(V=i==null?void 0:i.variants)==null?void 0:V.headerSections)!=null?x:void 0,subtitlePosition:(M=(K=i==null?void 0:i.variants)==null?void 0:K.subtitlePosition)!=null?M:void 0,isFullWidth:(T=(N=i==null?void 0:i.variants)==null?void 0:N.isFullWidth)!=null?T:void 0,position:(C=(z=i==null?void 0:i.variants)==null?void 0:z.position)!=null?C:void 0};return r?E(r,{...q}):null};D.displayName=A;export{D as a};