@stackshift-ui/header 2.1.0 → 6.0.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.
@@ -1 +1 @@
1
- import{Button as n}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as r}from"@stackshift-ui/flex";import{Heading as o}from"@stackshift-ui/heading";import{Section as g}from"@stackshift-ui/section";import{Text as x}from"@stackshift-ui/text";import b from"react";import{jsx as i,jsxs as s}from"react/jsx-runtime";function m({title:e,description:l,primaryButton:a,secondaryButton:t,mainImage:f}){return i(g,{className:"py-20 bg-background",children:i(c,{maxWidth:1280,children:s(r,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[i(r,{align:"center",className:"w-full basis-1/2",direction:"col",children:s(c,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[i(p,{title:e,description:l}),i(d,{primaryButton:a,secondaryButton:t})]})}),i(h,{mainImage:f})]})})})}function p({title:e,description:l}){return s(b.Fragment,{children:[e?i(o,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?i(x,{className:"my-6",muted:!0,children:l}):null]})}function d({primaryButton:e,secondaryButton:l}){var a,t;return s(r,{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?i(n,{as:"link",link:e,ariaLabel:(a=e==null?void 0:e.ariaLabel)!=null?a:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?i(n,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function h({mainImage:e}){var l;return e!=null&&e.image?i("div",{className:"w-full h-full",children:i("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}export{m as a};
1
+ import o from"react";import{Text as g}from"@stackshift-ui/text";import{Button as n}from"@stackshift-ui/button";import{Heading as x}from"@stackshift-ui/heading";import{Section as b}from"@stackshift-ui/section";import{Container as c}from"@stackshift-ui/container";import{Flex as r}from"@stackshift-ui/flex";import{jsx as i,jsxs as s}from"react/jsx-runtime";function m({title:e,description:l,primaryButton:a,secondaryButton:t,mainImage:f}){return i(b,{className:"py-20 bg-background",children:i(c,{maxWidth:1280,children:s(r,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[i(r,{align:"center",className:"w-full basis-1/2",direction:"col",children:s(c,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[i(p,{title:e,description:l}),i(d,{primaryButton:a,secondaryButton:t})]})}),i(h,{mainImage:f})]})})})}function p({title:e,description:l}){return s(o.Fragment,{children:[e?i(x,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?i(g,{className:"my-6",muted:!0,children:l}):null]})}function d({primaryButton:e,secondaryButton:l}){var a,t;return s(r,{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?i(n,{as:"link",link:e,ariaLabel:(a=e==null?void 0:e.ariaLabel)!=null?a:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?i(n,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function h({mainImage:e}){var l;return e!=null&&e.image?i("div",{className:"w-full h-full",children:i("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}export{m as a};
package/dist/header.js CHANGED
@@ -1 +1 @@
1
- "use strict";var Te=Object.create;var H=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var d=(e,l)=>{for(var i in l)H(e,i,{get:l[i],enumerable:!0})},K=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of _e(l))!je.call(e,t)&&t!==i&&H(e,t,{get:()=>l[t],enumerable:!(o=Re(l,t))||o.enumerable});return e};var S=(e,l,i)=>(i=e!=null?Te($e(e)):{},K(l||!e||!e.__esModule?H(i,"default",{value:e,enumerable:!0}):i,e)),Me=e=>K(H({},"__esModule",{value:!0}),e);var Y={};d(Y,{Header_A:()=>U,default:()=>U});function U({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(X.Section,{className:"py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(L.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)(We,{title:l,description:i}),(0,r.jsx)(De,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ae,{mainImage:e})]})})})}function We({title:e,description:l}){return(0,r.jsxs)(Q.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function De({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(R.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)(R.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ae({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)("img",{className:"overflow-hidden rounded-3xl object-cover md:rounded-br-none lg:h-[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)(Ve,{})]}):null}function Ve(){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:i,style:o,width:t,height:c}){return(0,r.jsx)("img",{src:e,alt:l,className:i,style:o,width:t,height:c})}var R,G,L,J,X,O,Q,r,Z=F(()=>{"use strict";R=require("@stackshift-ui/button"),G=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),J=require("@stackshift-ui/heading"),X=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),Q=S(require("react")),r=require("react/jsx-runtime")});var te={};d(te,{Header_B:()=>re,default:()=>re});function re({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(X.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(L.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)(qe,{title:l,description:i}),(0,r.jsx)(Ee,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Ke,{images:e})]})})})}function qe({title:e,description:l}){return(0,r.jsxs)(ie.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function Ee({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ke({images:e}){var l,i,o,t,c,b,g,x,p,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)("img",{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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)("img",{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(x=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?x:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((p=e==null?void 0:e[2])==null?void 0:p.image)&&(0,r.jsx)("img",{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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)("img",{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var _,G,L,J,X,O,ie,r,ne=F(()=>{"use strict";_=require("@stackshift-ui/button"),ie=S(require("react"))});var de={};d(de,{Header_C:()=>ce,default:()=>ce});function ce({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(X.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(G.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)(J.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Je,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Ge,{videoLinkId:t,title:l})})]})})}function Ge({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)($.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)($.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:l==null?void 0:l.label})]})}var $,G,L,J,X,r,fe=F(()=>{"use strict";$=require("@stackshift-ui/button")});var ve={};d(ve,{Header_D:()=>he,default:()=>he});function he({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(X.Section,{className:"py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(G.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Xe,{title:e,description:l}),(0,r.jsx)(Oe,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Qe,{mainImage:t})]})})})}function Xe({title:e,description:l}){return(0,r.jsxs)(pe.default.Fragment,{children:[e?(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(O.Text,{className:"my-6",muted:!0,children:l}):null]})}function Oe({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(L.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)(j.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(j.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function Qe({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var j,G,L,J,X,O,pe,r,we=F(()=>{"use strict";j=require("@stackshift-ui/button"),pe=S(require("react"))});var ze={};d(ze,{Header_E:()=>Se,default:()=>Se});function Se({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(X.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Pe.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(He.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function Ye({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(W.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)(W.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var W,G,L,J,X,Pe,O,He,r,Le=F(()=>{"use strict";W=require("@stackshift-ui/button"),Pe=require("@stackshift-ui/signin-signup"),He=S(require("react"))});var Be={};d(Be,{Header:()=>Ie});module.exports=Me(Be);var f=require("react"),Ze={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(Z(),Y))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(ne(),te))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(fe(),de))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(we(),ve))),variant_e:(0,f.lazy)(()=>Promise.resolve().then(()=>(Le(),ze)))},ye="Header",Ie=({data:e})=>{var t,c,b,g,x,p,h,v,w,u,N,k,P,D,A,V,q,E;let l=e==null?void 0:e.variant,i=l&&Ze[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(p=(x=e==null?void 0:e.variants)==null?void 0:x.title)!=null?p:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(D=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?D:void 0,formLinks:(V=(A=e==null?void 0:e.variants)==null?void 0:A.formLinks)!=null?V:void 0,form:(E=(q=e==null?void 0:e.variants)==null?void 0:q.form)!=null?E:void 0};return i?(0,r.jsx)(i,{...o}):null};Ie.displayName=ye;0&&(module.exports={Header});
1
+ "use strict";var Te=Object.create;var H=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var d=(e,l)=>{for(var i in l)H(e,i,{get:l[i],enumerable:!0})},K=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of _e(l))!je.call(e,t)&&t!==i&&H(e,t,{get:()=>l[t],enumerable:!(o=Re(l,t))||o.enumerable});return e};var S=(e,l,i)=>(i=e!=null?Te($e(e)):{},K(l||!e||!e.__esModule?H(i,"default",{value:e,enumerable:!0}):i,e)),Me=e=>K(H({},"__esModule",{value:!0}),e);var Y={};d(Y,{Header_A:()=>U,default:()=>U});function U({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(X.Section,{className:"py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(L.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)(We,{title:l,description:i}),(0,r.jsx)(De,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ae,{mainImage:e})]})})})}function We({title:e,description:l}){return(0,r.jsxs)(Q.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function De({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(R.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)(R.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ae({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)("img",{className:"overflow-hidden rounded-3xl object-cover md:rounded-br-none lg:h-[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)(Ve,{})]}):null}function Ve(){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:i,style:o,width:t,height:c}){return(0,r.jsx)("img",{src:e,alt:l,className:i,style:o,width:t,height:c})}var R,G,L,J,X,O,Q,r,Z=F(()=>{"use strict";R=require("@stackshift-ui/button"),G=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),J=require("@stackshift-ui/heading"),X=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),Q=S(require("react")),r=require("react/jsx-runtime")});var te={};d(te,{Header_B:()=>re,default:()=>re});function re({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(X.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(L.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)(qe,{title:l,description:i}),(0,r.jsx)(Ee,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Ke,{images:e})]})})})}function qe({title:e,description:l}){return(0,r.jsxs)(ie.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function Ee({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ke({images:e}){var l,i,o,t,c,b,g,x,p,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)("img",{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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)("img",{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(x=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?x:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((p=e==null?void 0:e[2])==null?void 0:p.image)&&(0,r.jsx)("img",{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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)("img",{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var _,G,L,J,X,O,ie,r,ne=F(()=>{"use strict";_=require("@stackshift-ui/button"),ie=S(require("react"))});var de={};d(de,{Header_C:()=>ce,default:()=>ce});function ce({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(X.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(G.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)(J.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Je,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Ge,{videoLinkId:t,title:l})})]})})}function Ge({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)($.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)($.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:l==null?void 0:l.label})]})}var $,G,L,J,X,r,fe=F(()=>{"use strict";$=require("@stackshift-ui/button")});var ve={};d(ve,{Header_D:()=>he,default:()=>he});function he({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(X.Section,{className:"py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(G.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Xe,{title:e,description:l}),(0,r.jsx)(Oe,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Qe,{mainImage:t})]})})})}function Xe({title:e,description:l}){return(0,r.jsxs)(be.default.Fragment,{children:[e?(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(O.Text,{className:"my-6",muted:!0,children:l}):null]})}function Oe({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(L.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)(j.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(j.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function Qe({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var be,O,j,J,X,G,L,r,we=F(()=>{"use strict";be=S(require("react")),j=require("@stackshift-ui/button")});var ze={};d(ze,{Header_E:()=>Se,default:()=>Se});function Se({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(X.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(G.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Pe.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(He.default.Fragment,{children:[e&&(0,r.jsx)(J.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(O.Text,{muted:!0,className:"my-6",children:l})]})}function Ye({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(W.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)(W.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var W,G,L,J,X,Pe,O,He,r,Le=F(()=>{"use strict";W=require("@stackshift-ui/button"),Pe=require("@stackshift-ui/signin-signup"),He=S(require("react"))});var Be={};d(Be,{Header:()=>Ie});module.exports=Me(Be);var f=require("react"),Ze={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(Z(),Y))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(ne(),te))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(fe(),de))),variant_d:(0,f.lazy)(()=>Promise.resolve().then(()=>(we(),ve))),variant_e:(0,f.lazy)(()=>Promise.resolve().then(()=>(Le(),ze)))},ye="Header",Ie=({data:e})=>{var t,c,b,g,x,p,h,v,w,u,N,k,P,D,A,V,q,E;let l=e==null?void 0:e.variant,i=l&&Ze[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(p=(x=e==null?void 0:e.variants)==null?void 0:x.title)!=null?p:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(D=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?D:void 0,formLinks:(V=(A=e==null?void 0:e.variants)==null?void 0:A.formLinks)!=null?V:void 0,form:(E=(q=e==null?void 0:e.variants)==null?void 0:q.form)!=null?E:void 0};return i?(0,r.jsx)(i,{...o}):null};Ie.displayName=ye;0&&(module.exports={Header});
package/dist/header.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-BXLUG7RH.mjs";export{a as Header};
1
+ import{a}from"./chunk-HYUXWQOK.mjs";export{a as Header};
package/dist/header_d.js CHANGED
@@ -1 +1 @@
1
- "use strict";var d=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var a in l)r(e,a,{get:l[a],enumerable:!0})},o=(e,l,a,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let s of N(l))!w.call(e,s)&&s!==a&&r(e,s,{get:()=>l[s],enumerable:!(t=h(l,s))||t.enumerable});return e};var P=(e,l,a)=>(a=e!=null?d(v(e)):{},o(l||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>o(r({},"__esModule",{value:!0}),e);var S={};F(S,{Header_D:()=>p,default:()=>p});module.exports=k(S);var c=require("@stackshift-ui/button"),f=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),x=require("@stackshift-ui/section"),b=require("@stackshift-ui/text"),m=P(require("react")),i=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:a,secondaryButton:t,mainImage:s}){return(0,i.jsx)(x.Section,{className:"py-20 bg-background",children:(0,i.jsx)(f.Container,{maxWidth:1280,children:(0,i.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,i.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,i.jsxs)(f.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,i.jsx)(u,{title:e,description:l}),(0,i.jsx)(H,{primaryButton:a,secondaryButton:t})]})}),(0,i.jsx)(L,{mainImage:s})]})})})}function u({title:e,description:l}){return(0,i.jsxs)(m.default.Fragment,{children:[e?(0,i.jsx)(g.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,i.jsx)(b.Text,{className:"my-6",muted:!0,children:l}):null]})}function H({primaryButton:e,secondaryButton:l}){var a,t;return(0,i.jsxs)(n.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,i.jsx)(c.Button,{as:"link",link:e,ariaLabel:(a=e==null?void 0:e.ariaLabel)!=null?a:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,i.jsx)(c.Button,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function L({mainImage:e}){var l;return e!=null&&e.image?(0,i.jsx)("div",{className:"w-full h-full",children:(0,i.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}0&&(module.exports={Header_D});
1
+ "use strict";var d=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var a in l)r(e,a,{get:l[a],enumerable:!0})},o=(e,l,a,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let s of N(l))!w.call(e,s)&&s!==a&&r(e,s,{get:()=>l[s],enumerable:!(t=h(l,s))||t.enumerable});return e};var P=(e,l,a)=>(a=e!=null?d(v(e)):{},o(l||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>o(r({},"__esModule",{value:!0}),e);var S={};F(S,{Header_D:()=>p,default:()=>p});module.exports=k(S);var g=P(require("react")),x=require("@stackshift-ui/text"),c=require("@stackshift-ui/button"),b=require("@stackshift-ui/heading"),m=require("@stackshift-ui/section"),f=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),i=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:a,secondaryButton:t,mainImage:s}){return(0,i.jsx)(m.Section,{className:"py-20 bg-background",children:(0,i.jsx)(f.Container,{maxWidth:1280,children:(0,i.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,i.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,i.jsxs)(f.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,i.jsx)(u,{title:e,description:l}),(0,i.jsx)(H,{primaryButton:a,secondaryButton:t})]})}),(0,i.jsx)(L,{mainImage:s})]})})})}function u({title:e,description:l}){return(0,i.jsxs)(g.default.Fragment,{children:[e?(0,i.jsx)(b.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,i.jsx)(x.Text,{className:"my-6",muted:!0,children:l}):null]})}function H({primaryButton:e,secondaryButton:l}){var a,t;return(0,i.jsxs)(n.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,i.jsx)(c.Button,{as:"link",link:e,ariaLabel:(a=e==null?void 0:e.ariaLabel)!=null?a:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,i.jsx)(c.Button,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function L({mainImage:e}){var l;return e!=null&&e.image?(0,i.jsx)("div",{className:"w-full h-full",children:(0,i.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}0&&(module.exports={Header_D});
package/dist/header_d.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-MXGTIQVJ.mjs";export{a as Header_D,a as default};
1
+ import{a}from"./chunk-JL2JJLYX.mjs";export{a as Header_D,a as default};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var Te=Object.create;var H=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)H(e,i,{get:l[i],enumerable:!0})},B=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of _e(l))!je.call(e,t)&&t!==i&&H(e,t,{get:()=>l[t],enumerable:!(o=Re(l,t))||o.enumerable});return e};var S=(e,l,i)=>(i=e!=null?Te($e(e)):{},B(l||!e||!e.__esModule?H(i,"default",{value:e,enumerable:!0}):i,e)),Me=e=>B(H({},"__esModule",{value:!0}),e);var ne={};f(ne,{Header_A:()=>_,default:()=>_});function _({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(ie.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(L.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)(We,{title:l,description:i}),(0,r.jsx)(De,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ae,{mainImage:e})]})})})}function We({title:e,description:l}){return(0,r.jsxs)(te.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function De({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(R.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)(R.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ae({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)("img",{className:"overflow-hidden rounded-3xl object-cover md:rounded-br-none lg:h-[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)(Ve,{})]}):null}function Ve(){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:i,style:o,width:t,height:c}){return(0,r.jsx)("img",{src:e,alt:l,className:i,style:o,width:t,height:c})}var R,ee,L,le,ie,re,te,r,$=F(()=>{"use strict";R=require("@stackshift-ui/button"),ee=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),le=require("@stackshift-ui/heading"),ie=require("@stackshift-ui/section"),re=require("@stackshift-ui/text"),te=S(require("react")),r=require("react/jsx-runtime")});var fe={};f(fe,{Header_B:()=>M,default:()=>M});function M({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(ie.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(L.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)(qe,{title:l,description:i}),(0,r.jsx)(Ee,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Ke,{images:e})]})})})}function qe({title:e,description:l}){return(0,r.jsxs)(ce.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function Ee({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(j.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)(j.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ke({images:e}){var l,i,o,t,c,b,g,x,p,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)("img",{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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)("img",{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(x=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?x:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((p=e==null?void 0:e[2])==null?void 0:p.image)&&(0,r.jsx)("img",{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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)("img",{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var j,ee,L,le,ie,re,ce,r,W=F(()=>{"use strict";j=require("@stackshift-ui/button"),ce=S(require("react"))});var pe={};f(pe,{Header_C:()=>A,default:()=>A});function A({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(ie.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ee.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)(le.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Je,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Ge,{videoLinkId:t,title:l})})]})})}function Ge({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.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)(D.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:l==null?void 0:l.label})]})}var D,ee,L,le,ie,r,V=F(()=>{"use strict";D=require("@stackshift-ui/button")});var Ne={};f(Ne,{Header_D:()=>K,default:()=>K});function K({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(ie.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(ee.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Xe,{title:e,description:l}),(0,r.jsx)(Oe,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Qe,{mainImage:t})]})})})}function Xe({title:e,description:l}){return(0,r.jsxs)(ue.default.Fragment,{children:[e?(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(re.Text,{className:"my-6",muted:!0,children:l}):null]})}function Oe({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(L.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:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(q.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function Qe({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var q,ee,L,le,ie,re,ue,r,G=F(()=>{"use strict";q=require("@stackshift-ui/button"),ue=S(require("react"))});var Le={};f(Le,{Header_E:()=>X,default:()=>X});function X({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(ie.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(He.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(ze.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function Ye({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(J.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)(J.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var J,ee,L,le,ie,He,re,ze,r,O=F(()=>{"use strict";J=require("@stackshift-ui/button"),He=require("@stackshift-ui/signin-signup"),ze=S(require("react"))});var Be={};f(Be,{Header:()=>Ie,Header_A:()=>_,Header_B:()=>M,Header_C:()=>A,Header_D:()=>K,Header_E:()=>X});module.exports=Me(Be);var d=require("react"),Ze={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>($(),ne))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(W(),fe))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(V(),pe))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(G(),Ne))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(O(),Le)))},ye="Header",Ie=({data:e})=>{var t,c,b,g,x,p,h,v,w,u,N,k,P,Q,U,Y,Z,y;let l=e==null?void 0:e.variant,i=l&&Ze[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(p=(x=e==null?void 0:e.variants)==null?void 0:x.title)!=null?p:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(Q=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?Q:void 0,formLinks:(Y=(U=e==null?void 0:e.variants)==null?void 0:U.formLinks)!=null?Y:void 0,form:(y=(Z=e==null?void 0:e.variants)==null?void 0:Z.form)!=null?y:void 0};return i?(0,r.jsx)(i,{...o}):null};Ie.displayName=ye;$();W();V();G();O();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E});
2
+ "use strict";var Te=Object.create;var H=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,je=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)H(e,i,{get:l[i],enumerable:!0})},B=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of _e(l))!je.call(e,t)&&t!==i&&H(e,t,{get:()=>l[t],enumerable:!(o=Re(l,t))||o.enumerable});return e};var S=(e,l,i)=>(i=e!=null?Te($e(e)):{},B(l||!e||!e.__esModule?H(i,"default",{value:e,enumerable:!0}):i,e)),Me=e=>B(H({},"__esModule",{value:!0}),e);var ne={};f(ne,{Header_A:()=>_,default:()=>_});function _({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(ie.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(L.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)(We,{title:l,description:i}),(0,r.jsx)(De,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ae,{mainImage:e})]})})})}function We({title:e,description:l}){return(0,r.jsxs)(te.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function De({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(R.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)(R.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ae({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)("img",{className:"overflow-hidden rounded-3xl object-cover md:rounded-br-none lg:h-[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)(Ve,{})]}):null}function Ve(){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:i,style:o,width:t,height:c}){return(0,r.jsx)("img",{src:e,alt:l,className:i,style:o,width:t,height:c})}var R,ee,L,le,ie,re,te,r,$=F(()=>{"use strict";R=require("@stackshift-ui/button"),ee=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),le=require("@stackshift-ui/heading"),ie=require("@stackshift-ui/section"),re=require("@stackshift-ui/text"),te=S(require("react")),r=require("react/jsx-runtime")});var fe={};f(fe,{Header_B:()=>M,default:()=>M});function M({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(ie.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(L.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)(qe,{title:l,description:i}),(0,r.jsx)(Ee,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Ke,{images:e})]})})})}function qe({title:e,description:l}){return(0,r.jsxs)(ce.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function Ee({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(j.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)(j.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ke({images:e}){var l,i,o,t,c,b,g,x,p,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)("img",{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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)("img",{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(x=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?x:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((p=e==null?void 0:e[2])==null?void 0:p.image)&&(0,r.jsx)("img",{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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)("img",{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var j,ee,L,le,ie,re,ce,r,W=F(()=>{"use strict";j=require("@stackshift-ui/button"),ce=S(require("react"))});var pe={};f(pe,{Header_C:()=>A,default:()=>A});function A({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(ie.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ee.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)(le.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Je,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Ge,{videoLinkId:t,title:l})})]})})}function Ge({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.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)(D.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-3 py-4",children:l==null?void 0:l.label})]})}var D,ee,L,le,ie,r,V=F(()=>{"use strict";D=require("@stackshift-ui/button")});var Ne={};f(Ne,{Header_D:()=>K,default:()=>K});function K({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(ie.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(ee.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Xe,{title:e,description:l}),(0,r.jsx)(Oe,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Qe,{mainImage:t})]})})})}function Xe({title:e,description:l}){return(0,r.jsxs)(he.default.Fragment,{children:[e?(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(re.Text,{className:"my-6",muted:!0,children:l}):null]})}function Oe({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(L.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:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(q.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 px-6 py-3",children:l.label}):null]})}function Qe({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)("img",{alt:(l=e.alt)!=null?l:"header-main-image",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var he,re,q,le,ie,ee,L,r,G=F(()=>{"use strict";he=S(require("react")),q=require("@stackshift-ui/button")});var Le={};f(Le,{Header_E:()=>X,default:()=>X});function X({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(ie.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ee.Container,{maxWidth:1280,children:(0,r.jsxs)(L.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(L.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(He.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(ze.default.Fragment,{children:[e&&(0,r.jsx)(le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(re.Text,{muted:!0,className:"my-6",children:l})]})}function Ye({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(L.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)(J.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)(J.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-l-xl rounded-t-xl font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var J,ee,L,le,ie,He,re,ze,r,O=F(()=>{"use strict";J=require("@stackshift-ui/button"),He=require("@stackshift-ui/signin-signup"),ze=S(require("react"))});var Be={};f(Be,{Header:()=>Ie,Header_A:()=>_,Header_B:()=>M,Header_C:()=>A,Header_D:()=>K,Header_E:()=>X});module.exports=Me(Be);var d=require("react"),Ze={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>($(),ne))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(W(),fe))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(V(),pe))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(G(),Ne))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(O(),Le)))},ye="Header",Ie=({data:e})=>{var t,c,b,g,x,p,h,v,w,u,N,k,P,Q,U,Y,Z,y;let l=e==null?void 0:e.variant,i=l&&Ze[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(p=(x=e==null?void 0:e.variants)==null?void 0:x.title)!=null?p:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(Q=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?Q:void 0,formLinks:(Y=(U=e==null?void 0:e.variants)==null?void 0:U.formLinks)!=null?Y:void 0,form:(y=(Z=e==null?void 0:e.variants)==null?void 0:Z.form)!=null?y:void 0};return i?(0,r.jsx)(i,{...o}):null};Ie.displayName=ye;$();W();V();G();O();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as m}from"./chunk-BXLUG7RH.mjs";import{a as o}from"./chunk-XWELDWMR.mjs";import{a as r}from"./chunk-C53X76IC.mjs";import{a as e}from"./chunk-QXJFZE2P.mjs";import{a as t}from"./chunk-MXGTIQVJ.mjs";import{a as f}from"./chunk-TTVVWHAW.mjs";export{m as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E};
2
+ "use strict";import{a as m}from"./chunk-HYUXWQOK.mjs";import{a as o}from"./chunk-XWELDWMR.mjs";import{a as r}from"./chunk-C53X76IC.mjs";import{a as e}from"./chunk-QXJFZE2P.mjs";import{a as t}from"./chunk-JL2JJLYX.mjs";import{a as f}from"./chunk-TTVVWHAW.mjs";export{m as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/header",
3
3
  "description": "",
4
- "version": "2.1.0",
4
+ "version": "6.0.2",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -28,19 +28,19 @@
28
28
  "typescript": "^5.6.2",
29
29
  "vite-tsconfig-paths": "^5.0.1",
30
30
  "vitest": "^2.1.1",
31
- "@stackshift-ui/eslint-config": "1.0.0",
32
- "@stackshift-ui/typescript-config": "2.0.0"
31
+ "@stackshift-ui/typescript-config": "6.0.2",
32
+ "@stackshift-ui/eslint-config": "6.0.2"
33
33
  },
34
34
  "dependencies": {
35
- "@stackshift-ui/scripts": "1.0.0",
36
- "@stackshift-ui/button": "1.0.0",
37
- "@stackshift-ui/text": "1.0.0",
38
- "@stackshift-ui/system": "2.0.0",
39
- "@stackshift-ui/heading": "1.0.0",
40
- "@stackshift-ui/container": "1.0.0",
41
- "@stackshift-ui/section": "1.0.0",
42
- "@stackshift-ui/signin-signup": "1.0.0",
43
- "@stackshift-ui/flex": "1.0.0"
35
+ "@stackshift-ui/scripts": "6.0.2",
36
+ "@stackshift-ui/system": "6.0.2",
37
+ "@stackshift-ui/text": "6.0.2",
38
+ "@stackshift-ui/button": "6.0.2",
39
+ "@stackshift-ui/heading": "6.0.2",
40
+ "@stackshift-ui/signin-signup": "6.0.2",
41
+ "@stackshift-ui/section": "6.0.2",
42
+ "@stackshift-ui/container": "6.0.2",
43
+ "@stackshift-ui/flex": "6.0.2"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "@types/react": "16.8 - 19",
File without changes