@stackshift-ui/header 7.0.0-beta.10 → 7.0.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/chunk-6VLQ34IL.mjs +1 -0
  2. package/dist/chunk-JBW4MNZY.mjs +1 -0
  3. package/dist/chunk-N4PELF6W.mjs +1 -0
  4. package/dist/chunk-R2SJYLHC.mjs +1 -0
  5. package/dist/chunk-RYJUSUOP.mjs +1 -0
  6. package/dist/chunk-TWOG3HLH.mjs +1 -0
  7. package/dist/chunk-U7DYDRIC.mjs +1 -0
  8. package/dist/chunk-W2QPS3BW.mjs +1 -0
  9. package/dist/chunk-YTPYKUH2.mjs +1 -0
  10. package/dist/header.d.ts +34 -0
  11. package/dist/header.js +1 -0
  12. package/dist/header.mjs +1 -0
  13. package/dist/header_a.d.ts +3 -0
  14. package/dist/header_a.js +1 -0
  15. package/dist/header_a.mjs +1 -0
  16. package/dist/header_b.d.ts +3 -0
  17. package/dist/header_b.js +1 -0
  18. package/dist/header_b.mjs +1 -0
  19. package/dist/header_c.d.ts +3 -0
  20. package/dist/header_c.js +1 -0
  21. package/dist/header_c.mjs +1 -0
  22. package/dist/header_d.d.ts +3 -0
  23. package/dist/header_d.js +1 -0
  24. package/dist/header_d.mjs +1 -0
  25. package/dist/header_e.d.ts +3 -0
  26. package/dist/header_e.js +1 -0
  27. package/dist/header_e.mjs +1 -0
  28. package/dist/header_f.d.ts +3 -0
  29. package/dist/header_f.js +1 -0
  30. package/dist/header_f.mjs +1 -0
  31. package/dist/header_g.d.ts +3 -0
  32. package/dist/header_g.js +1 -0
  33. package/dist/header_g.mjs +1 -0
  34. package/dist/helpers/index.d.ts +3 -0
  35. package/dist/helpers/index.js +1 -0
  36. package/dist/helpers/index.mjs +1 -0
  37. package/dist/index.d.ts +8 -0
  38. package/dist/index.js +2 -0
  39. package/dist/index.mjs +2 -0
  40. package/dist/types.d.ts +525 -0
  41. package/dist/types.js +1 -0
  42. package/dist/utils/portableText/customBlockStyle.d.ts +2 -0
  43. package/dist/utils/portableText/customBlockStyle.js +1 -0
  44. package/dist/utils/portableText/customBlockStyle.mjs +1 -0
  45. package/dist/utils/portableText.d.ts +0 -0
  46. package/dist/utils/portableText.js +1 -0
  47. package/package.json +14 -14
@@ -0,0 +1 @@
1
+ import{Button as o}from"@stackshift-ui/button";import{Container as m}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Heading as n}from"@stackshift-ui/heading";import{Section as p}from"@stackshift-ui/section";import{jsx as a,jsxs as i}from"react/jsx-runtime";function c({videoLink:e,title:l,primaryButton:r,secondaryButton:s}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),a(p,{className:"py-20 md:py-52 bg-background",children:i(m,{maxWidth:1280,children:[i("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&a(n,{fontSize:"3xl",className:"mb-10",children:l}),a(f,{primaryButton:r,secondaryButton:s})]}),a("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&a(b,{videoLinkId:t,title:l})})]})})}function b({videoLinkId:e,title:l}){return a("div",{className:"aspect-video",children:a("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><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 f({primaryButton:e,secondaryButton:l}){return i(d,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&a(o,{as:"link",link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(o,{as:"link",link:l,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:l==null?void 0:l.label})]})}export{c as a};
@@ -0,0 +1 @@
1
+ import{a as Q}from"./chunk-RYJUSUOP.mjs";import{a as E}from"./chunk-U7DYDRIC.mjs";import{a as G}from"./chunk-R2SJYLHC.mjs";import{a as q}from"./chunk-6VLQ34IL.mjs";import{a as w}from"./chunk-TWOG3HLH.mjs";import{a as z}from"./chunk-YTPYKUH2.mjs";import{a as J}from"./chunk-N4PELF6W.mjs";import{jsx as $}from"react/jsx-runtime";var X={variant_a:E,variant_b:G,variant_c:q,variant_d:w,variant_e:z,variant_f:J,variant_g:Q},Y="Header",Z=({data:i})=>{var r,s,o,t,m,u,f,p,l,g,v,c,b,y,H,P,I,h,B,L,k,F,S,_,W,R,O,V,x,C,K,M,N,T,A,D;let e=i==null?void 0:i.variant,n=e&&X[e],U={mainImage:(s=(r=i==null?void 0:i.variants)==null?void 0:r.mainImage)!=null?s:void 0,images:(t=(o=i==null?void 0:i.variants)==null?void 0:o.images)!=null?t:void 0,mediaItems:(u=(m=i==null?void 0:i.variants)==null?void 0:m.mediaItems)!=null?u:void 0,title:(p=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?p:void 0,subtitle:(g=(l=i==null?void 0:i.variants)==null?void 0:l.subtitle)!=null?g:void 0,description:(c=(v=i==null?void 0:i.variants)==null?void 0:v.description)!=null?c:void 0,primaryButton:(y=(b=i==null?void 0:i.variants)==null?void 0:b.primaryButton)!=null?y:void 0,secondaryButton:(P=(H=i==null?void 0:i.variants)==null?void 0:H.secondaryButton)!=null?P:void 0,videoLink:(h=(I=i==null?void 0:i.variants)==null?void 0:I.youtubeLink)!=null?h:void 0,formLinks:(L=(B=i==null?void 0:i.variants)==null?void 0:B.formLinks)!=null?L:void 0,form:(F=(k=i==null?void 0:i.variants)==null?void 0:k.form)!=null?F:void 0,spacing:(_=(S=i==null?void 0:i.variants)==null?void 0:S.spacing)!=null?_:void 0,isOrdered:(R=(W=i==null?void 0:i.variants)==null?void 0:W.isOrdered)!=null?R:void 0,startingPosition:(V=(O=i==null?void 0:i.variants)==null?void 0:O.startingPosition)!=null?V:void 0,headerSections:(C=(x=i==null?void 0:i.variants)==null?void 0:x.headerSections)!=null?C: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:(D=(A=i==null?void 0:i.variants)==null?void 0:A.position)!=null?D:void 0};return n?$(n,{...U}):null};Z.displayName=Y;export{Z as a};
@@ -0,0 +1 @@
1
+ import{a as b}from"./chunk-W2QPS3BW.mjs";import{PortableText as v}from"@portabletext/react";import{Button as N}from"@stackshift-ui/button";import{Flex as a}from"@stackshift-ui/flex";import{Heading as y}from"@stackshift-ui/heading";import{Image as H}from"@stackshift-ui/image";import{Section as w}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as r}from"react-icons/lia";import{Link as B}from"@stackshift-ui/link";import{buildSanityLink as T}from"@stackshift-ui/system";import{jsx as l,jsxs as n}from"react/jsx-runtime";var L={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function $({title:t,subtitle:i,subtitlePosition:m,headerSections:x,isFullWidth:p,spacing:c,isOrdered:u,startingPosition:k}){return l(w,{className:`relative pb-14 bg-white ${m==="top"&&"mt-[32px]"}`,children:n("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${p?"":"max-w-[1548px] px-4"}`,children:[(t||i)&&l(I,{title:t,subtitle:i,subtitlePosition:m}),l(a,{className:"flex-col",style:{gap:`${c}px`},children:x==null?void 0:x.map((s,g)=>{let f=k==="left"?g%2===0:g%2!==0;return s.isImageLeft=f,s.isFullWidth=p,s.index=g+1,s.isOrdered=u,l(A,{header:s,isImageLeft:f},s._key)})})]})})}var I=({title:t,subtitle:i,subtitlePosition:m})=>n(a,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[m==="top"&&i&&l(o,{className:"font-label tracking-[2.1px]",children:i}),t&&l(o,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),m==="bottom"&&i?l(o,{className:"font-label tracking-[2.1px]",children:i}):!m&&l(o,{className:"font-label tracking-[2.1px]",children:i})]}),S=({image:t,height:i})=>l("div",{className:`relative w-full ${i?L[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),F=({header:t})=>{var i;return l("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:n("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&l(j,{header:t}),(t==null?void 0:t.description)&&l(o,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&l(v,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(C,{header:t})]})})},j=({header:t})=>n("div",{children:[(t==null?void 0:t.isOrdered)&&l("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:l(o,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),n("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&l(o,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&l(y,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&n("div",{className:"relative w-fit",children:[l(H,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),l("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),C=({header:t})=>{var m,x,p;let i=T(t.primaryButton);return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((m=t==null?void 0:t.primaryButton)==null?void 0:m.label)&&l(N,{variant:"link","aria-label":(x=t==null?void 0:t.primaryButton)==null?void 0:x.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:l(B,{href:i.href,target:i.target,rel:i.rel,children:n("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(p=t==null?void 0:t.primaryButton)==null?void 0:p.label," ",l(r,{})]})})})})},A=({header:t,isImageLeft:i})=>{var m;return n("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${i?"":"md:flex-row-reverse"}`,children:[((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&l(S,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(F,{header:t})})]})};export{$ as a};
@@ -0,0 +1 @@
1
+ import{Button as z}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as j}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as H}from"@stackshift-ui/section";import{Text as P}from"@stackshift-ui/text";import s from"react";import{jsx as r,jsxs as t}from"react/jsx-runtime";function I({images:l,title:e,description:o,primaryButton:d,secondaryButton:n}){return r(H,{className:"relative z-10 py-20 bg-background",children:r(F,{maxWidth:1280,children:t(f,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[r(f,{align:"center",direction:"col",className:"w-full basis-1/2",children:t("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[r($,{title:e,description:o}),r(S,{primaryButton:d,secondaryButton:n})]})}),l&&r(T,{images:l})]})})})}function $({title:l,description:e}){return t(s.Fragment,{children:[l&&r(j,{fontSize:"3xl",className:"mb-3",children:l}),e&&r(P,{muted:!0,className:"my-6",children:e})]})}function S({primaryButton:l,secondaryButton:e}){return t(f,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&r(z,{as:"link",link:l,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&r(z,{as:"link",link:e,className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:e==null?void 0:e.label})]})}function T({images:l}){var e,o,d,n,b,x,u,v,a,i,m,h,w,p,N,k;return l?t("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[t("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((e=l==null?void 0:l[0])==null?void 0:e.image)&&r(c,{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:`${(o=l==null?void 0:l[0])==null?void 0:o.image}`,width:941,height:734,alt:(n=(d=l==null?void 0:l[0])==null?void 0:d.alt)!=null?n:"header-image-1"}),((b=l==null?void 0:l[1])==null?void 0:b.image)&&r(c,{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:`${(x=l==null?void 0:l[1])==null?void 0:x.image}`,width:1050,height:701,alt:(v=(u=l==null?void 0:l[1])==null?void 0:u.alt)!=null?v:"header-image-2"})]}),t("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((a=l==null?void 0:l[2])==null?void 0:a.image)&&r(c,{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:`${(i=l==null?void 0:l[2])==null?void 0:i.image}`,width:1050,height:701,alt:(h=(m=l==null?void 0:l[2])==null?void 0:m.alt)!=null?h:"header-image-3"}),((w=l==null?void 0:l[3])==null?void 0:w.image)&&r(c,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(p=l==null?void 0:l[3])==null?void 0:p.image}`,width:941,height:734,alt:(k=(N=l==null?void 0:l[3])==null?void 0:N.alt)!=null?k:"header-image-4"})]})]}):null}export{I as a};
@@ -0,0 +1 @@
1
+ import{Button as d}from"@stackshift-ui/button";import{Flex as w}from"@stackshift-ui/flex";import{Heading as N}from"@stackshift-ui/heading";import{Link as m}from"@stackshift-ui/link";import{Section as k}from"@stackshift-ui/section";import{SwiperPagination as L}from"@stackshift-ui/swiper-pagination";import{buildSanityLink as x}from"@stackshift-ui/system";import{Text as S}from"@stackshift-ui/text";import{useEffect as j,useState as C}from"react";import{Fragment as P,jsx as e,jsxs as f}from"react/jsx-runtime";function H({mediaItems:t,title:r,description:g,primaryButton:l,secondaryButton:a,position:c="center"}){if(!(t!=null&&t.length))return null;let[h,v]=C(0),n=t[h];j(()=>{let s=setInterval(()=>{v(i=>(i+1)%t.length)},5e3);return()=>clearInterval(s)},[t.length]);let u=s=>{v(s)},p=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}},o=x(l),b=x(a);return e(k,{children:f("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[n.video?e("video",{className:"absolute inset-0 w-full h-full object-cover",src:n.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(${n.image})`}}),e("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),e("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center h-full`,children:f("div",{className:`max-w-[600px] flex flex-col justify-center ${p()} px-4`,children:[e(N,{className:"text-white uppercase mb-10",children:r!=null&&r.includes("Introducing")?f(P,{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}),g&&e(S,{className:"text-white mb-10",children:g}),f(w,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&e(d,{variant:"default","aria-label":l==null?void 0:l.label,asChild:!0,children:e(m,{href:o.href,target:o.target,rel:o.rel,children:l==null?void 0:l.label})}),(a==null?void 0:a.label)&&e(d,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":a==null?void 0:a.label,asChild:!0,children:e(m,{href:b.href,target:b.target,rel:b.rel,children:a==null?void 0:a.label})})]})]})}),e("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:t.map((s,i)=>e(L,{colorScheme:"white",isActive:i===h,onClick:()=>u(i),ariaLabel:`Go to slide ${i+1}`},i))})]})})}export{H as a};
@@ -0,0 +1 @@
1
+ import{Button as a}from"@stackshift-ui/button";import{Container as n}from"@stackshift-ui/container";import{Flex as r}from"@stackshift-ui/flex";import{Heading as f}from"@stackshift-ui/heading";import{Image as m}from"@stackshift-ui/image";import{Section as g}from"@stackshift-ui/section";import{Text as d}from"@stackshift-ui/text";import p from"react";import{jsx as l,jsxs as i}from"react/jsx-runtime";function x({title:e,description:t,primaryButton:o,secondaryButton:s,mainImage:c}){return l(g,{className:"py-20 bg-background",children:l(n,{maxWidth:1280,children:i(r,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[l(r,{align:"center",className:"w-full basis-1/2",direction:"col",children:i(n,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[l(u,{title:e,description:t}),l(b,{primaryButton:o,secondaryButton:s})]})}),l(N,{mainImage:c})]})})})}function u({title:e,description:t}){return i(p.Fragment,{children:[e?l(f,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,t?l(d,{className:"my-6",muted:!0,children:t}):null]})}function b({primaryButton:e,secondaryButton:t}){return i(r,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&l(a,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&l(a,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function N({mainImage:e}){var t;return e!=null&&e.image?l("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:l(m,{alt:(t=e.alt)!=null?t:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}export{x as a};
@@ -0,0 +1 @@
1
+ import{Button as o}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as m}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import u from"react";import{Fragment as k,jsx as l,jsxs as a}from"react/jsx-runtime";function p({mainImage:e,title:t,description:r,primaryButton:s,secondaryButton:n}){return l(h,{className:"py-20 bg-background",children:l(c,{maxWidth:1280,children:a(m,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[l(m,{align:"center",direction:"col",className:"w-full basis-1/2",children:a("div",{className:"max-w-md text-center lg:text-left",children:[l(w,{title:t,description:r}),l(x,{primaryButton:s,secondaryButton:n})]})}),l(N,{mainImage:e})]})})})}function w({title:e,description:t}){return a(u.Fragment,{children:[e&&l(b,{fontSize:"3xl",className:"mb-3",children:e}),t&&l(f,{muted:!0,className:"my-6",children:t})]})}function x({primaryButton:e,secondaryButton:t}){return a(m,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&l(o,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&l(o,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function N({mainImage:e}){var t;return e!=null&&e.image?a("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[l(g,{className:"overflow-hidden rounded-md 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:(t=e.alt)!=null?t:"header-main-image"}),l(v,{})]}):null}function v(){return a(k,{children:[l(i,{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}),l(i,{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}),l(i,{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}),l(i,{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 i({src:e,alt:t,className:r,style:s,width:n,height:d}){return l(g,{src:e,alt:t,className:r,style:s,width:n,height:d})}export{p as a};
@@ -0,0 +1 @@
1
+ import{jsx as o,jsxs as a}from"react/jsx-runtime";var c=({className:t})=>({block:{h1:e=>o("h1",{className:`h1 ${t}`,children:e.children}),h2:e=>o("h2",{className:`h2 ${t}`,children:e.children}),h3:e=>o("h3",{className:`h3 ${t}`,children:e.children}),h4:e=>o("h4",{className:`h4 ${t}`,children:e.children}),normal:e=>o("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:e.children}),blockquote:e=>a("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",e.children]})},code:e=>o("pre",{"data-language":e.value.language,className:t,children:o("code",{children:e.value.code})}),list:{bullet:e=>o("ul",{className:`pl-4 list-disc font-light ${t}`,children:e.children}),number:e=>o("ol",{className:`pl-4 list-decimal font-light ${t}`,children:e.children})},listItem:{bullet:e=>o("li",{className:`font-light ${t}`,children:e.children})},marks:{strong:e=>o("strong",{className:`font-bold ${t}`,children:e.children}),em:e=>o("em",{className:t,children:e.children}),code:e=>o("code",{className:t,children:e.children}),link:e=>{var l,r,n;return o("a",{"aria-label":(r=(l=e.children)==null?void 0:l.toString())!=null?r:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(n=e.value)==null?void 0:n.href,target:"_blank",rel:"noopener noreferrer",children:e.children})}},types:{image:e=>a("div",{className:`my-5 ${t}`,children:[o("img",{src:e.value.toString(),alt:e.value.alt||"Image",className:`w-full h-auto ${t}`}),e.value.caption&&o("p",{className:`text-center text-sm text-gray-600 ${t}`,children:e.value.caption})]})}});export{c as a};
@@ -0,0 +1 @@
1
+ import{Button as r}from"@stackshift-ui/button";import{Container as f}from"@stackshift-ui/container";import{Flex as a}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Section as g}from"@stackshift-ui/section";import{SigninSignup_A as d}from"@stackshift-ui/signin-signup";import{Text as x}from"@stackshift-ui/text";import p from"react";import{jsx as t,jsxs as i}from"react/jsx-runtime";function b({title:e,description:l,primaryButton:n,secondaryButton:o,formLinks:m,form:s}){return t(g,{className:"relative py-20 bg-background",children:t(f,{maxWidth:1280,children:i(a,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[t(a,{align:"center",direction:"col",className:"w-full basis-1/2",children:i("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[t(u,{title:e,description:l}),t(v,{primaryButton:n,secondaryButton:o})]})}),t("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:t("div",{className:"max-w-sm mx-auto text-center",children:t(d,{form:s,formLinks:m})})})]})})})}function u({title:e,description:l}){return i(p.Fragment,{children:[e&&t(c,{fontSize:"3xl",className:"mb-3",children:e}),l&&t(x,{muted:!0,className:"my-6",children:l})]})}function v({primaryButton:e,secondaryButton:l}){return i(a,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&t(r,{variant:"default",as:"link",link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&t(r,{as:"link",link:l,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:l==null?void 0:l.label})]})}export{b as a};
@@ -0,0 +1,34 @@
1
+ import React from "react";
2
+ import { Form, HeaderSections, Images, LabeledRouteWithKey, MainImage, SectionsProps, Template } from "./types";
3
+ export interface ButtonProps {
4
+ as?: string;
5
+ label?: string;
6
+ link?: {
7
+ target?: string;
8
+ route?: string;
9
+ };
10
+ ariaLabel?: string;
11
+ variant?: string;
12
+ }
13
+ export interface HeaderProps {
14
+ template?: Template;
15
+ mainImage?: MainImage;
16
+ images?: Images[];
17
+ mediaItems?: Images[];
18
+ title?: string;
19
+ subtitle?: string;
20
+ description?: string;
21
+ primaryButton?: ButtonProps;
22
+ secondaryButton?: ButtonProps;
23
+ videoLink?: string;
24
+ formLinks?: LabeledRouteWithKey[];
25
+ form?: Form;
26
+ isFullWidth?: boolean;
27
+ subtitlePosition?: "top" | "bottom";
28
+ position?: "left" | "center" | "right";
29
+ spacing?: number;
30
+ isOrdered?: boolean;
31
+ startingPosition?: "left" | "right";
32
+ headerSections?: HeaderSections[];
33
+ }
34
+ export declare const Header: React.FC<SectionsProps>;
package/dist/header.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var ct=Object.create;var F=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var gt=Object.getOwnPropertyNames;var pt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(e,t)=>{for(var i in t)F(e,i,{get:t[i],enumerable:!0})},Pe=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of gt(t))!xt.call(e,l)&&l!==i&&F(e,l,{get:()=>t[l],enumerable:!(n=ft(t,l))||n.enumerable});return e};var C=(e,t,i)=>(i=e!=null?ct(pt(e)):{},Pe(t||!e||!e.__esModule?F(i,"default",{value:e,enumerable:!0}):i,e)),ut=e=>Pe(F({},"__esModule",{value:!0}),e);var Et={};bt(Et,{Header:()=>mt});module.exports=ut(Et);var R=require("@stackshift-ui/button"),He=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),he=require("@stackshift-ui/heading"),M=require("@stackshift-ui/image"),Te=require("@stackshift-ui/section"),Se=require("@stackshift-ui/text"),Fe=C(require("react")),r=require("react/jsx-runtime");function W({mainImage:e,title:t,description:i,primaryButton:n,secondaryButton:l}){return(0,r.jsx)(Te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(I.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)(dt,{title:t,description:i}),(0,r.jsx)(vt,{primaryButton:n,secondaryButton:l})]})}),(0,r.jsx)(kt,{mainImage:e})]})})})}function dt({title:e,description:t}){return(0,r.jsxs)(Fe.default.Fragment,{children:[e&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function vt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(R.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function kt({mainImage:e}){var t;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)(M.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative I-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(t=e.alt)!=null?t:"header-main-image"}),(0,r.jsx)(wt,{})]}):null}function wt(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($,{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)($,{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)($,{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)($,{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 $({src:e,alt:t,className:i,style:n,width:l,height:g}){return(0,r.jsx)(M.Image,{src:e,alt:t,className:i,style:n,width:l,height:g})}var ze=C(require("react"));function D({images:e,title:t,description:i,primaryButton:n,secondaryButton:l}){return(0,r.jsx)(Te.Section,{className:"relative I-10 py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Nt,{title:t,description:i}),(0,r.jsx)(Pt,{primaryButton:n,secondaryButton:l})]})}),e&&(0,r.jsx)(Ht,{images:e})]})})})}function Nt({title:e,description:t}){return(0,r.jsxs)(ze.default.Fragment,{children:[e&&(0,r.jsx)($e.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function Pt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(R.Button,{as:"link",link:t,className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function Ht({images:e}){var t,i,n,l,g,d,v,p,u,k,N,P,w,b,h,T;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:[((t=e==null?void 0:e[0])==null?void 0:t.image)&&(0,r.jsx)(M.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(l=(n=e==null?void 0:e[0])==null?void 0:n.alt)!=null?l:"header-image-1"}),((g=e==null?void 0:e[1])==null?void 0:g.image)&&(0,r.jsx)(M.Image,{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:`${(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)(M.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:`${(k=e==null?void 0:e[2])==null?void 0:k.image}`,width:1050,height:701,alt:(P=(N=e==null?void 0:e[2])==null?void 0:N.alt)!=null?P:"header-image-3"}),((w=e==null?void 0:e[3])==null?void 0:w.image)&&(0,r.jsx)(M.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[3])==null?void 0:b.image}`,width:941,height:734,alt:(T=(h=e==null?void 0:e[3])==null?void 0:h.alt)!=null?T:"header-image-4"})]})]}):null}function q({videoLink:e,title:t,primaryButton:i,secondaryButton:n}){let l;return e&&(e.includes("embed")?l=e.split("/")[4]:l=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(Te.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(He.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[t&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-10",children:t}),(0,r.jsx)(Tt,{primaryButton:i,secondaryButton:n})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:l&&(0,r.jsx)(ht,{videoLinkId:l,title:t})})]})})}function ht({videoLinkId:e,title:t}){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=${t} loading="lazy" /><span>\u25B6</span></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Tt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(R.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(R.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}var qe=C(require("react"));function V({title:e,description:t,primaryButton:i,secondaryButton:n,mainImage:l}){return(0,r.jsx)(Te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(He.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(St,{title:e,description:t}),(0,r.jsx)(Ft,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)(Ct,{mainImage:l})]})})})}function St({title:e,description:t}){return(0,r.jsxs)(qe.default.Fragment,{children:[e?(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,t?(0,r.jsx)(Se.Text,{className:"my-6",muted:!0,children:t}):null]})}function Ft({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(R.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function Ct({mainImage:e}){var t;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:(0,r.jsx)(M.Image,{alt:(t=e.alt)!=null?t:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var ye=require("@stackshift-ui/signin-signup"),Je=C(require("react"));function K({title:e,description:t,primaryButton:i,secondaryButton:n,formLinks:l,form:g}){return(0,r.jsx)(Te.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)($t,{title:e,description:t}),(0,r.jsx)(It,{primaryButton:i,secondaryButton:n})]})}),(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)(ye.SigninSignup_A,{form:g,formLinks:l})})})]})})})}function $t({title:e,description:t}){return(0,r.jsxs)(Je.default.Fragment,{children:[e&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function It({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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,{variant:"default",as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(R.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}var Qe=require("@portabletext/react"),et=require("react-icons/lia");var Xe=({className:e})=>({block:{h1:t=>(0,r.jsx)("h1",{className:`h1 ${e}`,children:t.children}),h2:t=>(0,r.jsx)("h2",{className:`h2 ${e}`,children:t.children}),h3:t=>(0,r.jsx)("h3",{className:`h3 ${e}`,children:t.children}),h4:t=>(0,r.jsx)("h4",{className:`h4 ${e}`,children:t.children}),normal:t=>(0,r.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:t.children}),blockquote:t=>(0,r.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",t.children]})},code:t=>(0,r.jsx)("pre",{"data-language":t.value.language,className:e,children:(0,r.jsx)("code",{children:t.value.code})}),list:{bullet:t=>(0,r.jsx)("ul",{className:`pl-4 list-disc font-light ${e}`,children:t.children}),number:t=>(0,r.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:t.children})},listItem:{bullet:t=>(0,r.jsx)("li",{className:`font-light ${e}`,children:t.children})},marks:{strong:t=>(0,r.jsx)("strong",{className:`font-bold ${e}`,children:t.children}),em:t=>(0,r.jsx)("em",{className:e,children:t.children}),code:t=>(0,r.jsx)("code",{className:e,children:t.children}),link:t=>{var i,n,l;return(0,r.jsx)("r",{"aria-label":(n=(i=t.children)==null?void 0:i.toString())!=null?n:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(l=t.value)==null?void 0:l.href,target:"_blank",rel:"noopener noreferrer",children:t.children})}},types:{image:t=>(0,r.jsxs)("div",{className:`my-5 ${e}`,children:[(0,r.jsx)("img",{src:t.value.toString(),alt:t.value.alt||"Image",className:`w-full h-auto ${e}`}),t.value.caption&&(0,r.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:t.value.caption})]})}});var tt=require("@stackshift-ui/link"),lt=require("@stackshift-ui/system"),Lt={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function X({title:e,subtitle:t,subtitlePosition:i,headerSections:n,isFullWidth:l,spacing:g,isOrdered:d,startingPosition:v}){return(0,r.jsx)(Te.Section,{className:`relative pb-14 bg-white ${i==="top"&&"mt-[32px]"}`,children:(0,r.jsxs)("div",{style:{marginBottom:`${g}px`},className:`w-full mx-auto ${l?"":"max-w-[1548px] px-4"}`,children:[(e||t)&&(0,r.jsx)(zt,{title:e,subtitle:t,subtitlePosition:i}),(0,r.jsx)(I.Flex,{className:"flex-col",style:{gap:`${g}px`},children:n==null?void 0:n.map((p,u)=>{let k=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=k,p.isFullWidth=l,p.index=u+1,p.isOrdered=d,(0,r.jsx)(Wt,{header:p,isImageLeft:k},p._key)})})]})})}var zt=({title:e,subtitle:t,subtitlePosition:i})=>(0,r.jsxs)(I.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[i==="top"&&t&&(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t}),e&&(0,r.jsx)(Se.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),i==="bottom"&&t?(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t}):!i&&(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t})]}),_t=({image:e,height:t})=>(0,r.jsx)("div",{className:`relative w-full ${t?Lt[t]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),jt=({header:e})=>{var t;return(0,r.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,r.jsxs)("div",{className:`w-full max-w-[665px] h-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,r.jsx)(Rt,{header:e}),(e==null?void 0:e.description)&&(0,r.jsx)(Se.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,r.jsx)(Qe.PortableText,{value:e==null?void 0:e.columnContent,components:Xe({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((t=e==null?void 0:e.primaryButton)==null?void 0:t.label)&&(0,r.jsx)(Mt,{header:e})]})})},Rt=({header:e})=>(0,r.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,r.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,r.jsx)(Se.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,r.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,r.jsx)(Se.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,r.jsx)(he.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,r.jsxs)("div",{className:"relative w-fit",children:[(0,r.jsx)(M.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,r.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Mt=({header:e})=>{var i,n,l;let t=(0,lt.buildSanityLink)(e.primaryButton);return(0,r.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((i=e==null?void 0:e.primaryButton)==null?void 0:i.label)&&(0,r.jsx)(R.Button,{variant:"link","aria-label":(n=e==null?void 0:e.primaryButton)==null?void 0:n.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:(0,r.jsx)(tt.Link,{href:t.href,target:t.target,rel:t.rel,children:(0,r.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(l=e==null?void 0:e.primaryButton)==null?void 0:l.label," ",(0,r.jsx)(et.LiaLongArrowAltRightSolid,{})]})})})})},Wt=({header:e,isImageLeft:t})=>{var i;return(0,r.jsxs)("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${t?"":"md:flex-row-reverse"}`,children:[((i=e==null?void 0:e.mainImage)==null?void 0:i.image)&&(0,r.jsx)(_t,{image:e.mainImage.image,height:e.imageHeight}),(0,r.jsx)("div",{className:"w-full flex justify-center",children:(0,r.jsx)(jt,{header:e})})]})};var rt=require("@stackshift-ui/swiper-pagination"),j=require("react");function Z({mediaItems:e,title:t,description:i,primaryButton:n,secondaryButton:l,position:g="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,j.useState)(0),p=e[d];(0,j.useEffect)(()=>{let w=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(w)},[e.length]);let u=w=>{v(w)},k=()=>{switch(g){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}},N=(0,lt.buildSanityLink)(n),P=(0,lt.buildSanityLink)(l);return(0,r.jsx)(Te.Section,{children:(0,r.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 I-0"}),(0,r.jsx)("div",{className:`relative I-10 flex p-8 justify-${g==="right"?"end":g} items-center h-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,r.jsx)(he.Heading,{className:"text-white uppercase mb-10",children:t!=null&&t.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:t.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:t.split(" ").slice(1).join(" ")})]}):t}),i&&(0,r.jsx)(Se.Text,{className:"text-white mb-10",children:i}),(0,r.jsxs)(I.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(n==null?void 0:n.label)&&(0,r.jsx)(R.Button,{variant:"default","aria-label":n==null?void 0:n.label,asChild:!0,children:(0,r.jsx)(tt.Link,{href:N.href,target:N.target,rel:N.rel,children:n==null?void 0:n.label})}),(l==null?void 0:l.label)&&(0,r.jsx)(R.Button,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":l==null?void 0:l.label,asChild:!0,children:(0,r.jsx)(tt.Link,{href:P.href,target:P.target,rel:P.rel,children:l==null?void 0:l.label})})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 I-20 flex gap-2",children:e.map((w,b)=>(0,r.jsx)(rt.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var At={variant_a:W,variant_b:D,variant_c:q,variant_d:V,variant_e:K,variant_f:X,variant_g:Z},Dt="Header",mt=({data:e})=>{var l,g,d,v,p,u,k,N,P,w,b,h,T,B,ee,te,le,ie,ne,oe,re,se,me,ae,ce,fe,ge,pe,xe,be,ue,de,ve,ke,we,Ne;let t=e==null?void 0:e.variant,i=t&&At[t],n={mainImage:(g=(l=e==null?void 0:e.variants)==null?void 0:l.mainImage)!=null?g:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.mediaItems)!=null?u:void 0,title:(N=(k=e==null?void 0:e.variants)==null?void 0:k.title)!=null?N:void 0,subtitle:(w=(P=e==null?void 0:e.variants)==null?void 0:P.subtitle)!=null?w:void 0,description:(h=(b=e==null?void 0:e.variants)==null?void 0:b.description)!=null?h:void 0,primaryButton:(B=(T=e==null?void 0:e.variants)==null?void 0:T.primaryButton)!=null?B:void 0,secondaryButton:(te=(ee=e==null?void 0:e.variants)==null?void 0:ee.secondaryButton)!=null?te:void 0,videoLink:(ie=(le=e==null?void 0:e.variants)==null?void 0:le.youtubeLink)!=null?ie:void 0,formLinks:(oe=(ne=e==null?void 0:e.variants)==null?void 0:ne.formLinks)!=null?oe:void 0,form:(se=(re=e==null?void 0:e.variants)==null?void 0:re.form)!=null?se:void 0,spacing:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.spacing)!=null?ae:void 0,isOrdered:(fe=(ce=e==null?void 0:e.variants)==null?void 0:ce.isOrdered)!=null?fe:void 0,startingPosition:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.startingPosition)!=null?pe:void 0,headerSections:(be=(xe=e==null?void 0:e.variants)==null?void 0:xe.headerSections)!=null?be:void 0,subtitlePosition:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.subtitlePosition)!=null?de:void 0,isFullWidth:(ke=(ve=e==null?void 0:e.variants)==null?void 0:ve.isFullWidth)!=null?ke:void 0,position:(Ne=(we=e==null?void 0:e.variants)==null?void 0:we.position)!=null?Ne:void 0};return i?(0,r.jsx)(i,{...n}):null};mt.displayName=Dt;0&&(module.exports={Header});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-JBW4MNZY.mjs";import"./chunk-RYJUSUOP.mjs";import"./chunk-U7DYDRIC.mjs";import"./chunk-R2SJYLHC.mjs";import"./chunk-6VLQ34IL.mjs";import"./chunk-TWOG3HLH.mjs";import"./chunk-YTPYKUH2.mjs";import"./chunk-N4PELF6W.mjs";import"./chunk-W2QPS3BW.mjs";export{a as Header};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_A({ mainImage, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Header_A };
@@ -0,0 +1 @@
1
+ "use strict";var x=Object.create;var s=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var a in t)s(e,a,{get:t[a],enumerable:!0})},d=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!I.call(e,i)&&i!==a&&s(e,i,{get:()=>t[i],enumerable:!(r=N(t,i))||r.enumerable});return e};var z=(e,t,a)=>(a=e!=null?x(k(e)):{},d(t||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),F=e=>d(s({},"__esModule",{value:!0}),e);var M={};P(M,{Header_A:()=>p,default:()=>p});module.exports=F(M);var o=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),m=require("@stackshift-ui/flex"),b=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),h=require("@stackshift-ui/section"),f=require("@stackshift-ui/text"),u=z(require("react")),l=require("react/jsx-runtime");function p({mainImage:e,title:t,description:a,primaryButton:r,secondaryButton:i}){return(0,l.jsx)(h.Section,{className:"py-20 bg-background",children:(0,l.jsx)(c.Container,{maxWidth:1280,children:(0,l.jsxs)(m.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,l.jsx)(m.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,l.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,l.jsx)(H,{title:t,description:a}),(0,l.jsx)(S,{primaryButton:r,secondaryButton:i})]})}),(0,l.jsx)(q,{mainImage:e})]})})})}function H({title:e,description:t}){return(0,l.jsxs)(u.default.Fragment,{children:[e&&(0,l.jsx)(b.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,l.jsx)(f.Text,{muted:!0,className:"my-6",children:t})]})}function S({primaryButton:e,secondaryButton:t}){return(0,l.jsxs)(m.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,l.jsx)(o.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,l.jsx)(o.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function q({mainImage:e}){var t;return e!=null&&e.image?(0,l.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,l.jsx)(g.Image,{className:"overflow-hidden rounded-md 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:(t=e.alt)!=null?t:"header-main-image"}),(0,l.jsx)(C,{})]}):null}function C(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n,{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,l.jsx)(n,{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,l.jsx)(n,{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,l.jsx)(n,{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 n({src:e,alt:t,className:a,style:r,width:i,height:w}){return(0,l.jsx)(g.Image,{src:e,alt:t,className:a,style:r,width:i,height:w})}0&&(module.exports={Header_A});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-U7DYDRIC.mjs";export{a as Header_A,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_B({ images, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Header_B };
@@ -0,0 +1 @@
1
+ "use strict";var S=Object.create;var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var D=(l,e)=>{for(var t in e)c(l,t,{get:e[t],enumerable:!0})},F=(l,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of C(e))!A.call(l,o)&&o!==t&&c(l,o,{get:()=>e[o],enumerable:!(d=T(e,o))||d.enumerable});return l};var G=(l,e,t)=>(t=l!=null?S(R(l)):{},F(e||!l||!l.__esModule?c(t,"default",{value:l,enumerable:!0}):t,l)),W=l=>F(c({},"__esModule",{value:!0}),l);var J={};D(J,{Header_B:()=>$,default:()=>$});module.exports=W(J);var b=require("@stackshift-ui/button"),j=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),H=require("@stackshift-ui/heading"),n=require("@stackshift-ui/image"),P=require("@stackshift-ui/section"),s=require("@stackshift-ui/text"),I=G(require("react")),r=require("react/jsx-runtime");function $({images:l,title:e,description:t,primaryButton:d,secondaryButton:o}){return(0,r.jsx)(P.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(j.Container,{maxWidth:1280,children:(0,r.jsxs)(f.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(f.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)(_,{title:e,description:t}),(0,r.jsx)(q,{primaryButton:d,secondaryButton:o})]})}),l&&(0,r.jsx)(E,{images:l})]})})})}function _({title:l,description:e}){return(0,r.jsxs)(I.default.Fragment,{children:[l&&(0,r.jsx)(H.Heading,{fontSize:"3xl",className:"mb-3",children:l}),e&&(0,r.jsx)(s.Text,{muted:!0,className:"my-6",children:e})]})}function q({primaryButton:l,secondaryButton:e}){return(0,r.jsxs)(f.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&(0,r.jsx)(b.Button,{as:"link",link:l,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&(0,r.jsx)(b.Button,{as:"link",link:e,className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:e==null?void 0:e.label})]})}function E({images:l}){var e,t,d,o,x,u,v,a,i,m,h,w,p,N,k,z;return l?(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:[((e=l==null?void 0:l[0])==null?void 0:e.image)&&(0,r.jsx)(n.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=l==null?void 0:l[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(d=l==null?void 0:l[0])==null?void 0:d.alt)!=null?o:"header-image-1"}),((x=l==null?void 0:l[1])==null?void 0:x.image)&&(0,r.jsx)(n.Image,{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:`${(u=l==null?void 0:l[1])==null?void 0:u.image}`,width:1050,height:701,alt:(a=(v=l==null?void 0:l[1])==null?void 0:v.alt)!=null?a:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((i=l==null?void 0:l[2])==null?void 0:i.image)&&(0,r.jsx)(n.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:`${(m=l==null?void 0:l[2])==null?void 0:m.image}`,width:1050,height:701,alt:(w=(h=l==null?void 0:l[2])==null?void 0:h.alt)!=null?w:"header-image-3"}),((p=l==null?void 0:l[3])==null?void 0:p.image)&&(0,r.jsx)(n.Image,{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=l==null?void 0:l[3])==null?void 0:N.image}`,width:941,height:734,alt:(z=(k=l==null?void 0:l[3])==null?void 0:k.alt)!=null?z:"header-image-4"})]})]}):null}0&&(module.exports={Header_B});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-R2SJYLHC.mjs";export{a as Header_B,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_C({ videoLink, title, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Header_C };
@@ -0,0 +1 @@
1
+ "use strict";var r=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var x=(e,l)=>{for(var i in l)r(e,i,{get:l[i],enumerable:!0})},u=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of f(l))!g.call(e,t)&&t!==i&&r(e,t,{get:()=>l[t],enumerable:!(o=b(l,t))||o.enumerable});return e};var w=e=>u(r({},"__esModule",{value:!0}),e);var N={};x(N,{Header_C:()=>c,default:()=>c});module.exports=w(N);var s=require("@stackshift-ui/button"),m=require("@stackshift-ui/container"),d=require("@stackshift-ui/flex"),n=require("@stackshift-ui/heading"),p=require("@stackshift-ui/section"),a=require("react/jsx-runtime");function c({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,a.jsx)(p.Section,{className:"py-20 md:py-52 bg-background",children:(0,a.jsxs)(m.Container,{maxWidth:1280,children:[(0,a.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,a.jsx)(n.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,a.jsx)(v,{primaryButton:i,secondaryButton:o})]}),(0,a.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,a.jsx)(h,{videoLinkId:t,title:l})})]})})}function h({videoLinkId:e,title:l}){return(0,a.jsx)("div",{className:"aspect-video",children:(0,a.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><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 v({primaryButton:e,secondaryButton:l}){return(0,a.jsxs)(d.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&(0,a.jsx)(s.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,a.jsx)(s.Button,{as:"link",link:l,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:l==null?void 0:l.label})]})}0&&(module.exports={Header_C});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-6VLQ34IL.mjs";export{a as Header_C,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_D({ title, description, primaryButton, secondaryButton, mainImage, }: HeaderProps): JSX.Element;
3
+ export { Header_D };
@@ -0,0 +1 @@
1
+ "use strict";var b=Object.create;var n=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var i in t)n(e,i,{get:t[i],enumerable:!0})},f=(e,t,i,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!F.call(e,r)&&r!==i&&n(e,r,{get:()=>t[r],enumerable:!(a=N(t,r))||a.enumerable});return e};var k=(e,t,i)=>(i=e!=null?b(w(e)):{},f(t||!e||!e.__esModule?n(i,"default",{value:e,enumerable:!0}):i,e)),v=e=>f(n({},"__esModule",{value:!0}),e);var M={};P(M,{Header_D:()=>u,default:()=>u});module.exports=v(M);var s=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),o=require("@stackshift-ui/flex"),m=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),d=require("@stackshift-ui/section"),p=require("@stackshift-ui/text"),x=k(require("react")),l=require("react/jsx-runtime");function u({title:e,description:t,primaryButton:i,secondaryButton:a,mainImage:r}){return(0,l.jsx)(d.Section,{className:"py-20 bg-background",children:(0,l.jsx)(c.Container,{maxWidth:1280,children:(0,l.jsxs)(o.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,l.jsx)(o.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,l.jsxs)(c.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,l.jsx)(H,{title:e,description:t}),(0,l.jsx)(S,{primaryButton:i,secondaryButton:a})]})}),(0,l.jsx)(C,{mainImage:r})]})})})}function H({title:e,description:t}){return(0,l.jsxs)(x.default.Fragment,{children:[e?(0,l.jsx)(m.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,t?(0,l.jsx)(p.Text,{className:"my-6",muted:!0,children:t}):null]})}function S({primaryButton:e,secondaryButton:t}){return(0,l.jsxs)(o.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,l.jsx)(s.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,l.jsx)(s.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function C({mainImage:e}){var t;return e!=null&&e.image?(0,l.jsx)("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:(0,l.jsx)(g.Image,{alt:(t=e.alt)!=null?t:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}0&&(module.exports={Header_D});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-TWOG3HLH.mjs";export{a as Header_D,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_E({ title, description, primaryButton, secondaryButton, formLinks, form, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Header_E };
@@ -0,0 +1 @@
1
+ "use strict";var v=Object.create;var n=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var H=(e,l)=>{for(var i in l)n(e,i,{get:l[i],enumerable:!0})},s=(e,l,i,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of k(l))!F.call(e,a)&&a!==i&&n(e,a,{get:()=>l[a],enumerable:!(r=N(l,a))||r.enumerable});return e};var P=(e,l,i)=>(i=e!=null?v(w(e)):{},s(l||!e||!e.__esModule?n(i,"default",{value:e,enumerable:!0}):i,e)),S=e=>s(n({},"__esModule",{value:!0}),e);var A={};H(A,{Header_E:()=>b,default:()=>b});module.exports=S(A);var m=require("@stackshift-ui/button"),f=require("@stackshift-ui/container"),o=require("@stackshift-ui/flex"),c=require("@stackshift-ui/heading"),g=require("@stackshift-ui/section"),d=require("@stackshift-ui/signin-signup"),x=require("@stackshift-ui/text"),p=P(require("react")),t=require("react/jsx-runtime");function b({title:e,description:l,primaryButton:i,secondaryButton:r,formLinks:a,form:u}){return(0,t.jsx)(g.Section,{className:"relative py-20 bg-background",children:(0,t.jsx)(f.Container,{maxWidth:1280,children:(0,t.jsxs)(o.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,t.jsx)(o.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,t.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,t.jsx)(T,{title:e,description:l}),(0,t.jsx)(h,{primaryButton:i,secondaryButton:r})]})}),(0,t.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,t.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,t.jsx)(d.SigninSignup_A,{form:u,formLinks:a})})})]})})})}function T({title:e,description:l}){return(0,t.jsxs)(p.default.Fragment,{children:[e&&(0,t.jsx)(c.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,t.jsx)(x.Text,{muted:!0,className:"my-6",children:l})]})}function h({primaryButton:e,secondaryButton:l}){return(0,t.jsxs)(o.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,t.jsx)(m.Button,{variant:"default",as:"link",link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,t.jsx)(m.Button,{as:"link",link:l,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:l==null?void 0:l.label})]})}0&&(module.exports={Header_E});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-YTPYKUH2.mjs";export{a as Header_E,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_F({ title, subtitle, subtitlePosition, headerSections, isFullWidth, spacing, isOrdered, startingPosition, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export { Header_F };
@@ -0,0 +1 @@
1
+ "use strict";var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var L=(t,l)=>{for(var n in l)p(t,n,{get:l[n],enumerable:!0})},S=(t,l,n,e)=>{if(l&&typeof l=="object"||typeof l=="function")for(let m of H(l))!I.call(t,m)&&m!==n&&p(t,m,{get:()=>l[m],enumerable:!(e=w(l,m))||e.enumerable});return t};var M=t=>S(p({},"__esModule",{value:!0}),t);var W={};L(W,{Header_F:()=>N,default:()=>N});module.exports=M(W);var f=require("@portabletext/react"),u=require("@stackshift-ui/button"),r=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),P=require("@stackshift-ui/image"),T=require("@stackshift-ui/section"),x=require("@stackshift-ui/text"),v=require("react-icons/lia");var i=require("react/jsx-runtime"),b=({className:t})=>({block:{h1:l=>(0,i.jsx)("h1",{className:`h1 ${t}`,children:l.children}),h2:l=>(0,i.jsx)("h2",{className:`h2 ${t}`,children:l.children}),h3:l=>(0,i.jsx)("h3",{className:`h3 ${t}`,children:l.children}),h4:l=>(0,i.jsx)("h4",{className:`h4 ${t}`,children:l.children}),normal:l=>(0,i.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:l.children}),blockquote:l=>(0,i.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",l.children]})},code:l=>(0,i.jsx)("pre",{"data-language":l.value.language,className:t,children:(0,i.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,i.jsx)("ul",{className:`pl-4 list-disc font-light ${t}`,children:l.children}),number:l=>(0,i.jsx)("ol",{className:`pl-4 list-decimal font-light ${t}`,children:l.children})},listItem:{bullet:l=>(0,i.jsx)("li",{className:`font-light ${t}`,children:l.children})},marks:{strong:l=>(0,i.jsx)("strong",{className:`font-bold ${t}`,children:l.children}),em:l=>(0,i.jsx)("em",{className:t,children:l.children}),code:l=>(0,i.jsx)("code",{className:t,children:l.children}),link:l=>{var n,e,m;return(0,i.jsx)("a",{"aria-label":(e=(n=l.children)==null?void 0:n.toString())!=null?e:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(m=l.value)==null?void 0:m.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,i.jsxs)("div",{className:`my-5 ${t}`,children:[(0,i.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full h-auto ${t}`}),l.value.caption&&(0,i.jsx)("p",{className:`text-center text-sm text-gray-600 ${t}`,children:l.value.caption})]})}});var y=require("@stackshift-ui/link"),B=require("@stackshift-ui/system"),F={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function N({title:t,subtitle:l,subtitlePosition:n,headerSections:e,isFullWidth:m,spacing:a,isOrdered:$,startingPosition:C}){return(0,i.jsx)(T.Section,{className:`relative pb-14 bg-white ${n==="top"&&"mt-[32px]"}`,children:(0,i.jsxs)("div",{style:{marginBottom:`${a}px`},className:`w-full mx-auto ${m?"":"max-w-[1548px] px-4"}`,children:[(t||l)&&(0,i.jsx)(j,{title:t,subtitle:l,subtitlePosition:n}),(0,i.jsx)(r.Flex,{className:"flex-col",style:{gap:`${a}px`},children:e==null?void 0:e.map((s,c)=>{let g=C==="left"?c%2===0:c%2!==0;return s.isImageLeft=g,s.isFullWidth=m,s.index=c+1,s.isOrdered=$,(0,i.jsx)(E,{header:s,isImageLeft:g},s._key)})})]})})}var j=({title:t,subtitle:l,subtitlePosition:n})=>(0,i.jsxs)(r.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[n==="top"&&l&&(0,i.jsx)(x.Text,{className:"font-label tracking-[2.1px]",children:l}),t&&(0,i.jsx)(x.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),n==="bottom"&&l?(0,i.jsx)(x.Text,{className:"font-label tracking-[2.1px]",children:l}):!n&&(0,i.jsx)(x.Text,{className:"font-label tracking-[2.1px]",children:l})]}),_=({image:t,height:l})=>(0,i.jsx)("div",{className:`relative w-full ${l?F[l]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),A=({header:t})=>{var l;return(0,i.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,i.jsxs)("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&(0,i.jsx)(R,{header:t}),(t==null?void 0:t.description)&&(0,i.jsx)(x.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&(0,i.jsx)(f.PortableText,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=t==null?void 0:t.primaryButton)==null?void 0:l.label)&&(0,i.jsx)(q,{header:t})]})})},R=({header:t})=>(0,i.jsxs)("div",{children:[(t==null?void 0:t.isOrdered)&&(0,i.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,i.jsx)(x.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),(0,i.jsxs)("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&(0,i.jsx)(x.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&(0,i.jsx)(k.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&(0,i.jsxs)("div",{className:"relative w-fit",children:[(0,i.jsx)(P.Image,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,i.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),q=({header:t})=>{var n,e,m;let l=(0,B.buildSanityLink)(t.primaryButton);return(0,i.jsx)("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((n=t==null?void 0:t.primaryButton)==null?void 0:n.label)&&(0,i.jsx)(u.Button,{variant:"link","aria-label":(e=t==null?void 0:t.primaryButton)==null?void 0:e.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:(0,i.jsx)(y.Link,{href:l.href,target:l.target,rel:l.rel,children:(0,i.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(m=t==null?void 0:t.primaryButton)==null?void 0:m.label," ",(0,i.jsx)(v.LiaLongArrowAltRightSolid,{})]})})})})},E=({header:t,isImageLeft:l})=>{var n;return(0,i.jsxs)("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&(0,i.jsx)(_,{image:t.mainImage.image,height:t.imageHeight}),(0,i.jsx)("div",{className:"w-full flex justify-center",children:(0,i.jsx)(A,{header:t})})]})};0&&(module.exports={Header_F});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-N4PELF6W.mjs";import"./chunk-W2QPS3BW.mjs";export{a as Header_F,a as default};
@@ -0,0 +1,3 @@
1
+ import { HeaderProps } from ".";
2
+ export default function Header_G({ mediaItems, title, description, primaryButton, secondaryButton, position, }: HeaderProps): import("react/jsx-runtime").JSX.Element | null;
3
+ export { Header_G };
@@ -0,0 +1 @@
1
+ "use strict";var h=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var z=(t,l)=>{for(var i in l)h(t,i,{get:l[i],enumerable:!0})},R=(t,l,i,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of P(l))!$.call(t,a)&&a!==i&&h(t,a,{get:()=>l[a],enumerable:!(r=H(l,a))||r.enumerable});return t};var A=t=>R(h({},"__esModule",{value:!0}),t);var F={};z(F,{Header_G:()=>S,default:()=>S});module.exports=A(F);var v=require("@stackshift-ui/button"),p=require("@stackshift-ui/flex"),w=require("@stackshift-ui/heading"),d=require("@stackshift-ui/link"),N=require("@stackshift-ui/section"),k=require("@stackshift-ui/swiper-pagination"),m=require("@stackshift-ui/system"),L=require("@stackshift-ui/text"),c=require("react"),e=require("react/jsx-runtime");function S({mediaItems:t,title:l,description:i,primaryButton:r,secondaryButton:a,position:n="center"}){if(!(t!=null&&t.length))return null;let[x,u]=(0,c.useState)(0),o=t[x];(0,c.useEffect)(()=>{let f=setInterval(()=>{u(s=>(s+1)%t.length)},5e3);return()=>clearInterval(f)},[t.length]);let j=f=>{u(f)},C=()=>{switch(n){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}},b=(0,m.buildSanityLink)(r),g=(0,m.buildSanityLink)(a);return(0,e.jsx)(N.Section,{children:(0,e.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[o.video?(0,e.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:o.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(${o.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-${n==="right"?"end":n} items-center h-full`,children:(0,e.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${C()} px-4`,children:[(0,e.jsx)(w.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}),i&&(0,e.jsx)(L.Text,{className:"text-white mb-10",children:i}),(0,e.jsxs)(p.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(r==null?void 0:r.label)&&(0,e.jsx)(v.Button,{variant:"default","aria-label":r==null?void 0:r.label,asChild:!0,children:(0,e.jsx)(d.Link,{href:b.href,target:b.target,rel:b.rel,children:r==null?void 0:r.label})}),(a==null?void 0:a.label)&&(0,e.jsx)(v.Button,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":a==null?void 0:a.label,asChild:!0,children:(0,e.jsx)(d.Link,{href:g.href,target:g.target,rel:g.rel,children:a==null?void 0: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((f,s)=>(0,e.jsx)(k.SwiperPagination,{colorScheme:"white",isActive:s===x,onClick:()=>j(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}0&&(module.exports={Header_G});
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-RYJUSUOP.mjs";export{a as Header_G,a as default};
@@ -0,0 +1,3 @@
1
+ import { ConditionalLinkTypes, Logo } from "../types";
2
+ export declare const logoLink: (logo: Logo) => string;
3
+ export declare const ConditionalLink: ({ className, ariaLabel, style, children, link, target, }: ConditionalLinkTypes) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var j=(r,t)=>{for(var n in t)c(r,n,{get:t[n],enumerable:!0})},x=(r,t,n,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of o(t))!$.call(r,e)&&e!==n&&c(r,e,{get:()=>t[e],enumerable:!(p=b(t,e))||p.enumerable});return r};var h=r=>x(c({},"__esModule",{value:!0}),r);var I={};j(I,{ConditionalLink:()=>C,logoLink:()=>T});module.exports=h(I);var f=require("@stackshift-ui/link"),L=require("react/jsx-runtime"),T=r=>{var t,n,p;return r!=null&&r.internalLink&&(r==null?void 0:r.type)==="linkInternal"?(n=(t=r==null?void 0:r.internalLink)==null?void 0:t.toLowerCase())!=null&&n.includes("home")?"/":`/${r.internalLink}`:r!=null&&r.externalLink&&(r==null?void 0:r.type)==="linkExternal"&&(p=r==null?void 0:r.externalLink)!=null?p:"/"},C=({className:r,ariaLabel:t,style:n={},children:p,link:e,target:y})=>{var s,d;let u="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground text-gray-50 font-bold leading-loose outline-none transition duration-200";if(!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink))return(0,L.jsx)("a",{className:r!=null?r:u,"aria-label":t,target:y,href:"/page-not-found",children:p});if(((e==null?void 0:e.type)==="linkInternal"||e.linkType==="linkInternal")&&((s=e==null?void 0:e.internalLink)==null?void 0:s.toLowerCase())==="home")return(0,L.jsx)(f.Link,{href:(e==null?void 0:e.referenceType)==="projects"?"/projects":"/","aria-label":t,className:r!=null?r:u,target:y,children:p});if((e==null?void 0:e.type)==="linkInternal"||(e==null?void 0:e.linkType)==="linkInternal"){let a="";switch(e==null?void 0:e.referenceType){case"projects":a=`/projects/${e==null?void 0:e.internalLink}`;break;case"commercial":a=`/projects/commercial/${e==null?void 0:e.internalLink}`;break;case"residential":a=`/projects/residential/${e==null?void 0:e.internalLink}`;break;case"landscape":a=`/projects/landscape/${e==null?void 0:e.internalLink}`;break;case"public":a=`/projects/public/${e==null?void 0:e.internalLink}`;break;case"teaching":a=`/projects/teaching/${e==null?void 0:e.internalLink}`;break;case"designInMotion":a=`/projects/future-projects/${e==null?void 0:e.internalLink}`;break;case"renovation":a=`/projects/residential/renovation/${e==null?void 0:e.internalLink}`;break;case"newConstruction":a=`/projects/residential/new-construction/${e==null?void 0:e.internalLink}`;break;case"ourTeam":a=`/our-team/${e==null?void 0:e.internalLink}`;break;case"recognition":a=`/recognition/${e==null?void 0:e.internalLink}`;break;default:a=`/${e==null?void 0:e.internalLink}`}return(0,L.jsx)(f.Link,{href:a,"aria-label":t,className:r!=null?r:u,target:y,children:p})}else return(e==null?void 0:e.type)==="linkExternal"||(e==null?void 0:e.linkType)==="linkExternal"?(0,L.jsx)("a",{"aria-label":t,className:r!=null?r:u,href:(d=e==null?void 0:e.externalLink)!=null?d:"",target:y,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":void 0,children:p}):(0,L.jsx)(f.Link,{href:"/","aria-label":t,className:r!=null?r:u,target:y,children:p})};0&&(module.exports={ConditionalLink,logoLink});
@@ -0,0 +1 @@
1
+ import{Link as f}from"@stackshift-ui/link";import{jsx as y}from"react/jsx-runtime";var b=r=>{var a,u,p;return r!=null&&r.internalLink&&(r==null?void 0:r.type)==="linkInternal"?(u=(a=r==null?void 0:r.internalLink)==null?void 0:a.toLowerCase())!=null&&u.includes("home")?"/":`/${r.internalLink}`:r!=null&&r.externalLink&&(r==null?void 0:r.type)==="linkExternal"&&(p=r==null?void 0:r.externalLink)!=null?p:"/"},o=({className:r,ariaLabel:a,style:u={},children:p,link:e,target:n})=>{var c,s;let L="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground text-gray-50 font-bold leading-loose outline-none transition duration-200";if(!(e!=null&&e.internalLink)&&!(e!=null&&e.externalLink))return y("a",{className:r!=null?r:L,"aria-label":a,target:n,href:"/page-not-found",children:p});if(((e==null?void 0:e.type)==="linkInternal"||e.linkType==="linkInternal")&&((c=e==null?void 0:e.internalLink)==null?void 0:c.toLowerCase())==="home")return y(f,{href:(e==null?void 0:e.referenceType)==="projects"?"/projects":"/","aria-label":a,className:r!=null?r:L,target:n,children:p});if((e==null?void 0:e.type)==="linkInternal"||(e==null?void 0:e.linkType)==="linkInternal"){let t="";switch(e==null?void 0:e.referenceType){case"projects":t=`/projects/${e==null?void 0:e.internalLink}`;break;case"commercial":t=`/projects/commercial/${e==null?void 0:e.internalLink}`;break;case"residential":t=`/projects/residential/${e==null?void 0:e.internalLink}`;break;case"landscape":t=`/projects/landscape/${e==null?void 0:e.internalLink}`;break;case"public":t=`/projects/public/${e==null?void 0:e.internalLink}`;break;case"teaching":t=`/projects/teaching/${e==null?void 0:e.internalLink}`;break;case"designInMotion":t=`/projects/future-projects/${e==null?void 0:e.internalLink}`;break;case"renovation":t=`/projects/residential/renovation/${e==null?void 0:e.internalLink}`;break;case"newConstruction":t=`/projects/residential/new-construction/${e==null?void 0:e.internalLink}`;break;case"ourTeam":t=`/our-team/${e==null?void 0:e.internalLink}`;break;case"recognition":t=`/recognition/${e==null?void 0:e.internalLink}`;break;default:t=`/${e==null?void 0:e.internalLink}`}return y(f,{href:t,"aria-label":a,className:r!=null?r:L,target:n,children:p})}else return(e==null?void 0:e.type)==="linkExternal"||(e==null?void 0:e.linkType)==="linkExternal"?y("a",{"aria-label":a,className:r!=null?r:L,href:(s=e==null?void 0:e.externalLink)!=null?s:"",target:n,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":void 0,children:p}):y(f,{href:"/","aria-label":a,className:r!=null?r:L,target:n,children:p})};export{o as ConditionalLink,b as logoLink};
@@ -0,0 +1,8 @@
1
+ export * from "./header";
2
+ export * from "./header_a";
3
+ export * from "./header_b";
4
+ export * from "./header_c";
5
+ export * from "./header_d";
6
+ export * from "./header_e";
7
+ export * from "./header_f";
8
+ export * from "./header_g";
package/dist/index.js ADDED
@@ -0,0 +1,2 @@
1
+ "use client";
2
+ "use strict";var ct=Object.create;var F=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(e,t)=>{for(var i in t)F(e,i,{get:t[i],enumerable:!0})},Pe=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of pt(t))!xt.call(e,l)&&l!==i&&F(e,l,{get:()=>t[l],enumerable:!(o=ft(t,l))||o.enumerable});return e};var C=(e,t,i)=>(i=e!=null?ct(gt(e)):{},Pe(t||!e||!e.__esModule?F(i,"default",{value:e,enumerable:!0}):i,e)),ut=e=>Pe(F({},"__esModule",{value:!0}),e);var Et={};bt(Et,{Header:()=>mt,Header_A:()=>L,Header_B:()=>_,Header_C:()=>j,Header_D:()=>M,Header_E:()=>A,Header_F:()=>D,Header_G:()=>q});module.exports=ut(Et);var G=require("@stackshift-ui/button"),He=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),he=require("@stackshift-ui/heading"),O=require("@stackshift-ui/image"),Te=require("@stackshift-ui/section"),Se=require("@stackshift-ui/text"),Fe=C(require("react")),r=require("react/jsx-runtime");function L({mainImage:e,title:t,description:i,primaryButton:o,secondaryButton:l}){return(0,r.jsx)(Te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(I.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)(dt,{title:t,description:i}),(0,r.jsx)(vt,{primaryButton:o,secondaryButton:l})]})}),(0,r.jsx)(kt,{mainImage:e})]})})})}function dt({title:e,description:t}){return(0,r.jsxs)(Fe.default.Fragment,{children:[e&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function vt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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)(G.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(G.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function kt({mainImage:e}){var t;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)(O.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative I-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(t=e.alt)!=null?t:"header-main-image"}),(0,r.jsx)(wt,{})]}):null}function wt(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($,{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)($,{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)($,{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)($,{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 $({src:e,alt:t,className:i,style:o,width:l,height:p}){return(0,r.jsx)(O.Image,{src:e,alt:t,className:i,style:o,width:l,height:p})}var ze=C(require("react"));function _({images:e,title:t,description:i,primaryButton:o,secondaryButton:l}){return(0,r.jsx)(Te.Section,{className:"relative I-10 py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Nt,{title:t,description:i}),(0,r.jsx)(Pt,{primaryButton:o,secondaryButton:l})]})}),e&&(0,r.jsx)(Ht,{images:e})]})})})}function Nt({title:e,description:t}){return(0,r.jsxs)(ze.default.Fragment,{children:[e&&(0,r.jsx)($e.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function Pt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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)(G.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(G.Button,{as:"link",link:t,className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function Ht({images:e}){var t,i,o,l,p,d,v,g,u,k,N,P,w,b,h,T;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:[((t=e==null?void 0:e[0])==null?void 0:t.image)&&(0,r.jsx)(O.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(l=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?l:"header-image-1"}),((p=e==null?void 0:e[1])==null?void 0:p.image)&&(0,r.jsx)(O.Image,{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:`${(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)(O.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:`${(k=e==null?void 0:e[2])==null?void 0:k.image}`,width:1050,height:701,alt:(P=(N=e==null?void 0:e[2])==null?void 0:N.alt)!=null?P:"header-image-3"}),((w=e==null?void 0:e[3])==null?void 0:w.image)&&(0,r.jsx)(O.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[3])==null?void 0:b.image}`,width:941,height:734,alt:(T=(h=e==null?void 0:e[3])==null?void 0:h.alt)!=null?T:"header-image-4"})]})]}):null}function j({videoLink:e,title:t,primaryButton:i,secondaryButton:o}){let l;return e&&(e.includes("embed")?l=e.split("/")[4]:l=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(Te.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(He.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[t&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-10",children:t}),(0,r.jsx)(Tt,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:l&&(0,r.jsx)(ht,{videoLinkId:l,title:t})})]})})}function ht({videoLinkId:e,title:t}){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=${t} loading="lazy" /><span>\u25B6</span></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Tt({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(G.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}var qe=C(require("react"));function M({title:e,description:t,primaryButton:i,secondaryButton:o,mainImage:l}){return(0,r.jsx)(Te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(He.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(St,{title:e,description:t}),(0,r.jsx)(Ft,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Ct,{mainImage:l})]})})})}function St({title:e,description:t}){return(0,r.jsxs)(qe.default.Fragment,{children:[e?(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,t?(0,r.jsx)(Se.Text,{className:"my-6",muted:!0,children:t}):null]})}function Ft({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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)(G.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(G.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}function Ct({mainImage:e}){var t;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:(0,r.jsx)(O.Image,{alt:(t=e.alt)!=null?t:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var ye=require("@stackshift-ui/signin-signup"),Je=C(require("react"));function A({title:e,description:t,primaryButton:i,secondaryButton:o,formLinks:l,form:p}){return(0,r.jsx)(Te.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(He.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)($t,{title:e,description:t}),(0,r.jsx)(It,{primaryButton:i,secondaryButton:o})]})}),(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)(ye.SigninSignup_A,{form:p,formLinks:l})})})]})})})}function $t({title:e,description:t}){return(0,r.jsxs)(Je.default.Fragment,{children:[e&&(0,r.jsx)(he.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,r.jsx)(Se.Text,{muted:!0,className:"my-6",children:t})]})}function It({primaryButton:e,secondaryButton:t}){return(0,r.jsxs)(I.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)(G.Button,{variant:"default",as:"link",link:e,children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,r.jsx)(G.Button,{as:"link",link:t,variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global",children:t==null?void 0:t.label})]})}var Qe=require("@portabletext/react"),et=require("react-icons/lia");var Xe=({className:e})=>({block:{h1:t=>(0,r.jsx)("h1",{className:`h1 ${e}`,children:t.children}),h2:t=>(0,r.jsx)("h2",{className:`h2 ${e}`,children:t.children}),h3:t=>(0,r.jsx)("h3",{className:`h3 ${e}`,children:t.children}),h4:t=>(0,r.jsx)("h4",{className:`h4 ${e}`,children:t.children}),normal:t=>(0,r.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:t.children}),blockquote:t=>(0,r.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",t.children]})},code:t=>(0,r.jsx)("pre",{"data-language":t.value.language,className:e,children:(0,r.jsx)("code",{children:t.value.code})}),list:{bullet:t=>(0,r.jsx)("ul",{className:`pl-4 list-disc font-light ${e}`,children:t.children}),number:t=>(0,r.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:t.children})},listItem:{bullet:t=>(0,r.jsx)("li",{className:`font-light ${e}`,children:t.children})},marks:{strong:t=>(0,r.jsx)("strong",{className:`font-bold ${e}`,children:t.children}),em:t=>(0,r.jsx)("em",{className:e,children:t.children}),code:t=>(0,r.jsx)("code",{className:e,children:t.children}),link:t=>{var i,o,l;return(0,r.jsx)("r",{"aria-label":(o=(i=t.children)==null?void 0:i.toString())!=null?o:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(l=t.value)==null?void 0:l.href,target:"_blank",rel:"noopener noreferrer",children:t.children})}},types:{image:t=>(0,r.jsxs)("div",{className:`my-5 ${e}`,children:[(0,r.jsx)("img",{src:t.value.toString(),alt:t.value.alt||"Image",className:`w-full h-auto ${e}`}),t.value.caption&&(0,r.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:t.value.caption})]})}});var tt=require("@stackshift-ui/link"),lt=require("@stackshift-ui/system"),Lt={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function D({title:e,subtitle:t,subtitlePosition:i,headerSections:o,isFullWidth:l,spacing:p,isOrdered:d,startingPosition:v}){return(0,r.jsx)(Te.Section,{className:`relative pb-14 bg-white ${i==="top"&&"mt-[32px]"}`,children:(0,r.jsxs)("div",{style:{marginBottom:`${p}px`},className:`w-full mx-auto ${l?"":"max-w-[1548px] px-4"}`,children:[(e||t)&&(0,r.jsx)(zt,{title:e,subtitle:t,subtitlePosition:i}),(0,r.jsx)(I.Flex,{className:"flex-col",style:{gap:`${p}px`},children:o==null?void 0:o.map((g,u)=>{let k=v==="left"?u%2===0:u%2!==0;return g.isImageLeft=k,g.isFullWidth=l,g.index=u+1,g.isOrdered=d,(0,r.jsx)(Wt,{header:g,isImageLeft:k},g._key)})})]})})}var zt=({title:e,subtitle:t,subtitlePosition:i})=>(0,r.jsxs)(I.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[i==="top"&&t&&(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t}),e&&(0,r.jsx)(Se.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),i==="bottom"&&t?(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t}):!i&&(0,r.jsx)(Se.Text,{className:"font-label tracking-[2.1px]",children:t})]}),_t=({image:e,height:t})=>(0,r.jsx)("div",{className:`relative w-full ${t?Lt[t]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),jt=({header:e})=>{var t;return(0,r.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,r.jsxs)("div",{className:`w-full max-w-[665px] h-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,r.jsx)(Rt,{header:e}),(e==null?void 0:e.description)&&(0,r.jsx)(Se.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,r.jsx)(Qe.PortableText,{value:e==null?void 0:e.columnContent,components:Xe({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((t=e==null?void 0:e.primaryButton)==null?void 0:t.label)&&(0,r.jsx)(Mt,{header:e})]})})},Rt=({header:e})=>(0,r.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,r.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,r.jsx)(Se.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,r.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,r.jsx)(Se.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,r.jsx)(he.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,r.jsxs)("div",{className:"relative w-fit",children:[(0,r.jsx)(O.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,r.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Mt=({header:e})=>{var i,o,l;let t=(0,lt.buildSanityLink)(e.primaryButton);return(0,r.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((i=e==null?void 0:e.primaryButton)==null?void 0:i.label)&&(0,r.jsx)(G.Button,{variant:"link","aria-label":(o=e==null?void 0:e.primaryButton)==null?void 0:o.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:(0,r.jsx)(tt.Link,{href:t.href,target:t.target,rel:t.rel,children:(0,r.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(l=e==null?void 0:e.primaryButton)==null?void 0:l.label," ",(0,r.jsx)(et.LiaLongArrowAltRightSolid,{})]})})})})},Wt=({header:e,isImageLeft:t})=>{var i;return(0,r.jsxs)("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${t?"":"md:flex-row-reverse"}`,children:[((i=e==null?void 0:e.mainImage)==null?void 0:i.image)&&(0,r.jsx)(_t,{image:e.mainImage.image,height:e.imageHeight}),(0,r.jsx)("div",{className:"w-full flex justify-center",children:(0,r.jsx)(jt,{header:e})})]})};var rt=require("@stackshift-ui/swiper-pagination"),E=require("react");function q({mediaItems:e,title:t,description:i,primaryButton:o,secondaryButton:l,position:p="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,E.useState)(0),g=e[d];(0,E.useEffect)(()=>{let w=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(w)},[e.length]);let u=w=>{v(w)},k=()=>{switch(p){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}},N=(0,lt.buildSanityLink)(o),P=(0,lt.buildSanityLink)(l);return(0,r.jsx)(Te.Section,{children:(0,r.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[g.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:g.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${g.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 I-0"}),(0,r.jsx)("div",{className:`relative I-10 flex p-8 justify-${p==="right"?"end":p} items-center h-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,r.jsx)(he.Heading,{className:"text-white uppercase mb-10",children:t!=null&&t.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:t.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:t.split(" ").slice(1).join(" ")})]}):t}),i&&(0,r.jsx)(Se.Text,{className:"text-white mb-10",children:i}),(0,r.jsxs)(I.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(o==null?void 0:o.label)&&(0,r.jsx)(G.Button,{variant:"default","aria-label":o==null?void 0:o.label,asChild:!0,children:(0,r.jsx)(tt.Link,{href:N.href,target:N.target,rel:N.rel,children:o==null?void 0:o.label})}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":l==null?void 0:l.label,asChild:!0,children:(0,r.jsx)(tt.Link,{href:P.href,target:P.target,rel:P.rel,children:l==null?void 0:l.label})})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 I-20 flex gap-2",children:e.map((w,b)=>(0,r.jsx)(rt.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var At={variant_a:L,variant_b:_,variant_c:j,variant_d:M,variant_e:A,variant_f:D,variant_g:q},Dt="Header",mt=({data:e})=>{var l,p,d,v,g,u,k,N,P,w,b,h,T,B,ee,te,le,ie,oe,ne,re,se,me,ae,ce,fe,pe,ge,xe,be,ue,de,ve,ke,we,Ne;let t=e==null?void 0:e.variant,i=t&&At[t],o={mainImage:(p=(l=e==null?void 0:e.variants)==null?void 0:l.mainImage)!=null?p: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.mediaItems)!=null?u:void 0,title:(N=(k=e==null?void 0:e.variants)==null?void 0:k.title)!=null?N:void 0,subtitle:(w=(P=e==null?void 0:e.variants)==null?void 0:P.subtitle)!=null?w:void 0,description:(h=(b=e==null?void 0:e.variants)==null?void 0:b.description)!=null?h:void 0,primaryButton:(B=(T=e==null?void 0:e.variants)==null?void 0:T.primaryButton)!=null?B:void 0,secondaryButton:(te=(ee=e==null?void 0:e.variants)==null?void 0:ee.secondaryButton)!=null?te:void 0,videoLink:(ie=(le=e==null?void 0:e.variants)==null?void 0:le.youtubeLink)!=null?ie:void 0,formLinks:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.formLinks)!=null?ne:void 0,form:(se=(re=e==null?void 0:e.variants)==null?void 0:re.form)!=null?se:void 0,spacing:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.spacing)!=null?ae:void 0,isOrdered:(fe=(ce=e==null?void 0:e.variants)==null?void 0:ce.isOrdered)!=null?fe:void 0,startingPosition:(ge=(pe=e==null?void 0:e.variants)==null?void 0:pe.startingPosition)!=null?ge:void 0,headerSections:(be=(xe=e==null?void 0:e.variants)==null?void 0:xe.headerSections)!=null?be:void 0,subtitlePosition:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.subtitlePosition)!=null?de:void 0,isFullWidth:(ke=(ve=e==null?void 0:e.variants)==null?void 0:ve.isFullWidth)!=null?ke:void 0,position:(Ne=(we=e==null?void 0:e.variants)==null?void 0:we.position)!=null?Ne:void 0};return i?(0,r.jsx)(i,{...o}):null};mt.displayName=Dt;0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
package/dist/index.mjs ADDED
@@ -0,0 +1,2 @@
1
+ "use client";
2
+ "use strict";import{a as x}from"./chunk-JBW4MNZY.mjs";import{a as p}from"./chunk-RYJUSUOP.mjs";import{a as o}from"./chunk-U7DYDRIC.mjs";import{a as r}from"./chunk-R2SJYLHC.mjs";import{a as e}from"./chunk-6VLQ34IL.mjs";import{a as t}from"./chunk-TWOG3HLH.mjs";import{a as f}from"./chunk-YTPYKUH2.mjs";import{a as m}from"./chunk-N4PELF6W.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};
@@ -0,0 +1,525 @@
1
+ import { PortableTextComponents } from "@portabletext/react";
2
+ import { ButtonProps } from ".";
3
+ export type StyleVariants<T extends string> = Record<T, string>;
4
+ export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
5
+ export interface MainImage {
6
+ image: string;
7
+ alt?: string;
8
+ }
9
+ export interface MegaMenu {
10
+ _type: string;
11
+ showcaseLink?: ShowcaseLink[];
12
+ links?: MegaMenuLink[];
13
+ _key: string;
14
+ title?: string;
15
+ groupOfLinks?: GroupOfLink[];
16
+ label?: string;
17
+ linkTarget?: string;
18
+ linkType?: string;
19
+ url?: string;
20
+ linkExternal?: string;
21
+ }
22
+ export interface Logo extends ConditionalLink {
23
+ alt?: string;
24
+ linkTarget?: string;
25
+ image?: string;
26
+ }
27
+ export interface Logos {
28
+ logo: Logo[];
29
+ }
30
+ export interface GroupOfLink {
31
+ _type: string;
32
+ links: GroupOfLinkRoot[];
33
+ _key: string;
34
+ title: string;
35
+ primaryButton: LabeledRouteWithKey;
36
+ }
37
+ export interface GroupOfLinkRoot {
38
+ title: string;
39
+ _type: string;
40
+ label?: string;
41
+ links: LabeledRouteWithKey[];
42
+ _key: string;
43
+ }
44
+ export interface MegaMenu {
45
+ _type: string;
46
+ showcaseLink?: ShowcaseLink[];
47
+ links?: MegaMenuLink[];
48
+ _key: string;
49
+ title?: string;
50
+ groupOfLinks?: GroupOfLink[];
51
+ label?: string;
52
+ linkTarget?: string;
53
+ linkType?: string;
54
+ url?: string;
55
+ }
56
+ export interface ShowcaseLink {
57
+ mainImage: MainImage;
58
+ _type: string;
59
+ primaryButton: LabeledRouteWithKey;
60
+ _key: string;
61
+ }
62
+ export interface MegaMenuLink {
63
+ _key: string;
64
+ title: string;
65
+ _type: string;
66
+ links: LabeledRouteWithKey[];
67
+ primaryButton: LabeledRouteWithKey;
68
+ label: string;
69
+ }
70
+ export interface LabeledRoute extends ConditionalLink {
71
+ ariaLabel?: string;
72
+ label?: string;
73
+ linkTarget?: string;
74
+ linkType?: string;
75
+ _type?: string;
76
+ linkInternal?: any;
77
+ linkExternal?: any;
78
+ referenceType?: string;
79
+ multipleRoutes?: LabeledRouteWithKey[];
80
+ multipleInnerRoutes?: LabeledRouteWithKey[];
81
+ }
82
+ export interface ConditionalLink {
83
+ type?: string;
84
+ internalLink?: string | null;
85
+ externalLink?: string | null;
86
+ }
87
+ export interface StatItems {
88
+ label?: string;
89
+ mainImage?: MainImage;
90
+ value?: string;
91
+ _key?: string;
92
+ _type?: string;
93
+ }
94
+ export interface Logo {
95
+ alt?: string;
96
+ linkTarget?: string;
97
+ image?: string;
98
+ type?: string;
99
+ internalLink?: string;
100
+ externalLink?: string;
101
+ linkExternal?: string;
102
+ linkInternal?: string;
103
+ }
104
+ export interface Images {
105
+ image?: string | null;
106
+ video?: string | null;
107
+ _key?: string;
108
+ _type?: string;
109
+ alt?: string;
110
+ }
111
+ export interface ContactDetails {
112
+ addressInfo?: string;
113
+ contactInfo?: string;
114
+ emailInfo?: string;
115
+ _key?: string;
116
+ }
117
+ export interface SocialLink {
118
+ socialMedia?: string | null;
119
+ socialMediaLink?: string | null;
120
+ _key?: string | null;
121
+ _type?: string | null;
122
+ socialMediaIcon?: {
123
+ alt?: string;
124
+ image?: string;
125
+ } | null;
126
+ socialMediaPlatform?: string | null;
127
+ }
128
+ export interface LabeledRouteWithKey extends LabeledRoute {
129
+ _key?: string;
130
+ image?: string;
131
+ alt?: string;
132
+ multipleRoutes?: LabeledRouteWithKey[];
133
+ featuredRoute?: {
134
+ featuredLink: LabeledRoute;
135
+ mainImage: {
136
+ image: string;
137
+ alt: string;
138
+ };
139
+ };
140
+ routeType?: string;
141
+ }
142
+ export interface ArrayOfImageTitleAndText {
143
+ mainImage?: {
144
+ alt?: string;
145
+ image?: string;
146
+ };
147
+ plainText?: string;
148
+ title?: string;
149
+ _key?: string;
150
+ _type?: string;
151
+ }
152
+ export interface FeaturedItem {
153
+ description?: string;
154
+ mainImage?: MainImage;
155
+ title?: string;
156
+ subtitle?: string;
157
+ _key?: string;
158
+ _type?: string;
159
+ }
160
+ export interface ArrayOfTitleAndText {
161
+ _key?: string;
162
+ plainText?: string;
163
+ title?: string;
164
+ }
165
+ export interface BlogPost extends SanityBody {
166
+ authors?: Author[] | null;
167
+ body?: any;
168
+ categories?: Category[] | null;
169
+ excerpt?: string | null;
170
+ link?: string | null;
171
+ mainImage?: string | null;
172
+ publishedAt?: string;
173
+ seo?: Seo | null;
174
+ slug?: SanitySlug | null;
175
+ title?: string;
176
+ }
177
+ export interface Seo {
178
+ _type?: string;
179
+ seoTitle?: string;
180
+ seoDescription?: string;
181
+ seoImage?: string;
182
+ seoKeywords?: string;
183
+ seoSynonyms?: string;
184
+ }
185
+ export interface SanitySlug {
186
+ current?: string;
187
+ _type?: "slug";
188
+ }
189
+ export interface SanityBody {
190
+ _createdAt?: string;
191
+ _id?: string;
192
+ _rev?: string;
193
+ _type?: string;
194
+ _updatedAt?: string;
195
+ }
196
+ export interface Author extends SanityBody {
197
+ link?: string | null;
198
+ bio?: string | null;
199
+ name?: string | null;
200
+ slug?: SanitySlug | null;
201
+ image?: string | null;
202
+ profile?: {
203
+ alt: string;
204
+ image: string;
205
+ } | null;
206
+ }
207
+ export interface Category extends SanityBody {
208
+ title?: string;
209
+ }
210
+ export interface Form {
211
+ id?: string | null;
212
+ buttonLabel?: string | null;
213
+ name?: string | null;
214
+ subtitle?: string | null;
215
+ fields?: FormFields[] | null;
216
+ thankYouPage?: ThankYouPage | null;
217
+ }
218
+ export interface FormFields {
219
+ name?: string;
220
+ placeholder?: string;
221
+ pricingType?: string;
222
+ type?: FormTypes;
223
+ _key?: string;
224
+ _type?: string;
225
+ isRequired?: boolean;
226
+ label?: string;
227
+ items?: string[];
228
+ }
229
+ export type FormTypes = "inputText" | "inputEmail" | "inputPassword" | "inputNumber" | "textarea" | "inputFile" | "inputRadio" | "inputCheckbox" | "inputSelect";
230
+ export interface ThankYouPage {
231
+ externalLink?: string | null;
232
+ internalLink?: string | null;
233
+ linkInternal?: any;
234
+ linkTarget?: string;
235
+ linkType?: string;
236
+ type?: string;
237
+ }
238
+ export interface SectionsProps {
239
+ template?: Template;
240
+ data?: Sections;
241
+ variant?: string | null | undefined;
242
+ schema?: Variants;
243
+ }
244
+ export interface Sections extends SanityBody {
245
+ label?: string;
246
+ variant?: string;
247
+ variants?: Variants;
248
+ _key?: string;
249
+ }
250
+ export interface Variants {
251
+ template?: Template;
252
+ multipleMenus?: any;
253
+ multipleLinks?: any;
254
+ megaMenu?: MegaMenu[];
255
+ arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
256
+ logo?: Logo | null;
257
+ logos?: Logos[] | null;
258
+ primaryButton?: LabeledRoute | null;
259
+ secondaryButton?: LabeledRoute | null;
260
+ routes?: LabeledRouteWithKey[] | null;
261
+ menu?: LabeledRouteWithKey[] | null;
262
+ dropdownMenu?: LabeledRouteWithKey[] | null;
263
+ iconLinks?: LabeledRouteWithKey[] | null;
264
+ plans?: Plans[] | null;
265
+ formLinks?: LabeledRouteWithKey[] | null;
266
+ portfolios?: Portfolios[] | null;
267
+ portfoliosWithCategories?: PortfoliosWithCategories[] | null;
268
+ length?: number;
269
+ signInLink?: LabeledRoute | null;
270
+ signinLink?: LabeledRoute | null;
271
+ tags?: string[] | null;
272
+ posts?: BlogPost[] | null;
273
+ position?: "left" | "center" | "right";
274
+ blogsPerPage?: number | null;
275
+ form?: Form | null;
276
+ collections?: Collection | null;
277
+ products?: CollectionProduct | null;
278
+ allProducts?: Collection[];
279
+ subtitle?: string | null;
280
+ caption?: string | null;
281
+ title?: string | null;
282
+ plainText?: string | null;
283
+ contactDescription?: string | null;
284
+ officeInformation?: string | null;
285
+ contactEmail?: string | null;
286
+ contactNumber?: string | null;
287
+ socialLinks?: SocialLink[] | null;
288
+ socialMedia?: SocialLink[] | null;
289
+ block?: any;
290
+ heading?: string | null;
291
+ acceptButtonLabel?: string | null;
292
+ declineButtonLabel?: string | null;
293
+ faqsWithCategories?: FaqsWithCategory[] | null;
294
+ faqs?: AskedQuestion[] | null;
295
+ arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
296
+ description?: string | null;
297
+ featuredItems?: FeaturedItem[] | null;
298
+ images?: Images[] | null;
299
+ mediaItems?: Images[] | null;
300
+ contactDetails?: ContactDetails[] | null;
301
+ copyright?: string | null;
302
+ mainImage?: MainImage | null;
303
+ youtubeLink?: string | null;
304
+ banner?: any;
305
+ stats?: StatItems[] | null;
306
+ teams?: Team[] | null;
307
+ testimonials?: Testimonial[] | null;
308
+ selectStripeAccount?: string;
309
+ annualBilling?: string;
310
+ monthlyBilling?: string;
311
+ productDetails?: ProductDetail[];
312
+ btnLabel?: string;
313
+ selectAccount?: string;
314
+ hashtags?: string[];
315
+ numberOfPosts?: number;
316
+ text?: string;
317
+ button?: LabeledRoute;
318
+ features?: string[];
319
+ config?: {
320
+ enableAnalytics: boolean;
321
+ cookiePolicy?: {
322
+ siteName: string;
323
+ cookiePolicyPage: Reference;
324
+ };
325
+ consentModalPosition?: string;
326
+ };
327
+ contactLink?: LabeledRoute;
328
+ isFullWidth?: boolean;
329
+ subtitlePosition?: "top" | "bottom";
330
+ spacing?: number;
331
+ isOrdered?: boolean;
332
+ startingPosition?: "left" | "right";
333
+ headerSections?: HeaderSections[];
334
+ }
335
+ export interface HeaderBox extends HeaderSections {
336
+ isImageLeft?: boolean;
337
+ isFullWidth?: boolean;
338
+ index?: number;
339
+ isOrdered?: boolean;
340
+ }
341
+ export interface HeaderSections {
342
+ _key: string;
343
+ title?: string;
344
+ subtitle?: string;
345
+ description?: string;
346
+ mainImage?: {
347
+ image: any;
348
+ alt?: string;
349
+ };
350
+ imageTitle?: any;
351
+ alignment?: string;
352
+ imageHeight?: "sm" | "md" | "lg";
353
+ columnContent?: any;
354
+ primaryButton?: ButtonProps;
355
+ }
356
+ export interface Template {
357
+ bg?: string;
358
+ color?: string;
359
+ }
360
+ export type Plans = {
361
+ _key?: string | null;
362
+ _type?: "planItems" | null;
363
+ checkoutButtonName?: string | null;
364
+ description?: string | null;
365
+ monthlyPrice?: string | null;
366
+ planType?: string | null;
367
+ yearlyPrice?: string | null;
368
+ planIncludes?: string[] | null;
369
+ primaryButton?: LabeledRoute | null;
370
+ } & Record<string, string>;
371
+ export interface Portfolios {
372
+ dateAdded?: string | null;
373
+ mainImage?: {
374
+ image?: string | null;
375
+ alt?: string | null;
376
+ } | null;
377
+ primaryButton?: LabeledRoute | null;
378
+ title?: string | null;
379
+ _key?: string | null;
380
+ _type?: string | null;
381
+ }
382
+ export interface PortfoliosWithCategories {
383
+ category?: string | null;
384
+ content?: Content[] | null;
385
+ primaryButton?: LabeledRoute | null;
386
+ _key?: string | null;
387
+ _type?: string | null;
388
+ }
389
+ export interface Content extends Portfolios {
390
+ description?: string | null;
391
+ subtitle?: string | null;
392
+ }
393
+ export interface Collection extends SanityBody {
394
+ collectionInfoVariant?: {
395
+ variant?: string;
396
+ } | null;
397
+ name?: string | null;
398
+ products?: CollectionProduct[] | null;
399
+ sections?: any;
400
+ seo?: Seo | null;
401
+ slug?: SanitySlug | null;
402
+ }
403
+ export interface CollectionProduct extends SanityBody {
404
+ compareToPrice?: number | null;
405
+ description?: string | null;
406
+ ecwidProductId?: number | null;
407
+ name?: string | null;
408
+ price?: number | null;
409
+ productInfo?: ProductInfo | null;
410
+ productInfoVariant?: {
411
+ variant?: string;
412
+ } | null;
413
+ sections?: any;
414
+ seo?: Seo | null;
415
+ slug?: SanitySlug | null;
416
+ }
417
+ interface ProductInfo {
418
+ btnLabel?: string | null;
419
+ images?: ProductInfoImage[] | null;
420
+ productDetails?: ProductDetail[] | null;
421
+ socialLinks?: SocialLink[] | null;
422
+ subtitle?: string | null;
423
+ }
424
+ export interface ProductDetail {
425
+ blockContent?: any;
426
+ contentType?: string;
427
+ tabName?: string;
428
+ _key?: string;
429
+ [key: string]: any;
430
+ }
431
+ interface ProductInfoImage {
432
+ alt?: string | null;
433
+ _key: string;
434
+ _type: string;
435
+ image?: string | null;
436
+ }
437
+ export interface FaqsWithCategory {
438
+ askedQuestions?: AskedQuestion[] | null;
439
+ category?: string | null;
440
+ _key?: string;
441
+ _type?: string;
442
+ }
443
+ export interface AskedQuestion {
444
+ answer?: string | null;
445
+ question?: string | null;
446
+ hidden?: boolean;
447
+ _key?: string;
448
+ _type?: string;
449
+ }
450
+ export interface Team {
451
+ jobTitle?: string;
452
+ mainImage?: MainImage;
453
+ name?: string;
454
+ plainText?: string;
455
+ _key?: string;
456
+ _type?: string;
457
+ }
458
+ export interface Testimonial {
459
+ jobTitle?: string;
460
+ mainImage?: MainImage;
461
+ name?: string;
462
+ rating?: string;
463
+ testimony?: string;
464
+ _key?: string;
465
+ _type?: string;
466
+ }
467
+ export declare interface Reference {
468
+ _type: string;
469
+ _ref: string;
470
+ _key?: string;
471
+ _weak?: boolean;
472
+ _strengthenOnPublish?: {
473
+ type: string;
474
+ weak?: boolean;
475
+ template?: {
476
+ id: string;
477
+ params: Record<string, string | number | boolean>;
478
+ };
479
+ };
480
+ }
481
+ export type MyPortableTextComponents = PortableTextComponents & {
482
+ code?: ({ value }: {
483
+ value: {
484
+ language?: string;
485
+ code?: string;
486
+ };
487
+ }) => JSX.Element;
488
+ };
489
+ export interface ConditionalLinkTypes {
490
+ className?: string;
491
+ ariaLabel: string;
492
+ style?: any;
493
+ children: string | React.ReactNode;
494
+ link: LabeledRoute | LabeledRouteWithKey | undefined;
495
+ target?: string;
496
+ }
497
+ export interface IconLink {
498
+ _key: string;
499
+ image: string;
500
+ alt?: string;
501
+ linkExternal: string;
502
+ linkTarget?: "_blank" | "_self";
503
+ }
504
+ export interface HeaderBox extends HeaderSections {
505
+ isImageLeft?: boolean;
506
+ isFullWidth?: boolean;
507
+ index?: number;
508
+ isOrdered?: boolean;
509
+ }
510
+ export interface HeaderSections {
511
+ _key: string;
512
+ title?: string;
513
+ subtitle?: string;
514
+ description?: string;
515
+ mainImage?: {
516
+ image: any;
517
+ alt?: string;
518
+ };
519
+ imageTitle?: any;
520
+ alignment?: string;
521
+ imageHeight?: "sm" | "md" | "lg";
522
+ columnContent?: any;
523
+ primaryButton?: ButtonProps;
524
+ }
525
+ export {};
package/dist/types.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(e,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of s(t))!o.call(e,n)&&n!==l&&r(e,n,{get:()=>t[n],enumerable:!(i=a(t,n))||i.enumerable});return e};var u=e=>g(r({},"__esModule",{value:!0}),e);var c={};module.exports=u(c);
@@ -0,0 +1,2 @@
1
+ import { MyPortableTextComponents } from "../../types";
2
+ export declare const customBlockStyle: ({ className }: any) => MyPortableTextComponents;
@@ -0,0 +1 @@
1
+ "use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of i(e))!P.call(t,l)&&l!==r&&a(t,l,{get:()=>e[l],enumerable:!(n=c(e,l))||n.enumerable});return t};var x=t=>m(a({},"__esModule",{value:!0}),t);var p={};b(p,{customBlockStyle:()=>h});module.exports=x(p);var o=require("react/jsx-runtime"),h=({className:t})=>({block:{h1:e=>(0,o.jsx)("h1",{className:`h1 ${t}`,children:e.children}),h2:e=>(0,o.jsx)("h2",{className:`h2 ${t}`,children:e.children}),h3:e=>(0,o.jsx)("h3",{className:`h3 ${t}`,children:e.children}),h4:e=>(0,o.jsx)("h4",{className:`h4 ${t}`,children:e.children}),normal:e=>(0,o.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:e.children}),blockquote:e=>(0,o.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",e.children]})},code:e=>(0,o.jsx)("pre",{"data-language":e.value.language,className:t,children:(0,o.jsx)("code",{children:e.value.code})}),list:{bullet:e=>(0,o.jsx)("ul",{className:`pl-4 list-disc font-light ${t}`,children:e.children}),number:e=>(0,o.jsx)("ol",{className:`pl-4 list-decimal font-light ${t}`,children:e.children})},listItem:{bullet:e=>(0,o.jsx)("li",{className:`font-light ${t}`,children:e.children})},marks:{strong:e=>(0,o.jsx)("strong",{className:`font-bold ${t}`,children:e.children}),em:e=>(0,o.jsx)("em",{className:t,children:e.children}),code:e=>(0,o.jsx)("code",{className:t,children:e.children}),link:e=>{var r,n,l;return(0,o.jsx)("a",{"aria-label":(n=(r=e.children)==null?void 0:r.toString())!=null?n:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(l=e.value)==null?void 0:l.href,target:"_blank",rel:"noopener noreferrer",children:e.children})}},types:{image:e=>(0,o.jsxs)("div",{className:`my-5 ${t}`,children:[(0,o.jsx)("img",{src:e.value.toString(),alt:e.value.alt||"Image",className:`w-full h-auto ${t}`}),e.value.caption&&(0,o.jsx)("p",{className:`text-center text-sm text-gray-600 ${t}`,children:e.value.caption})]})}});0&&(module.exports={customBlockStyle});
@@ -0,0 +1 @@
1
+ import{a}from"../../chunk-W2QPS3BW.mjs";export{a as customBlockStyle};
File without changes
@@ -0,0 +1 @@
1
+ "use strict";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/header",
3
3
  "description": "",
4
- "version": "7.0.0-beta.10",
4
+ "version": "7.0.0-beta.11",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -33,21 +33,21 @@
33
33
  "dependencies": {
34
34
  "@portabletext/react": "^3.1.0",
35
35
  "react-icons": "^5.3.0",
36
- "@stackshift-ui/flex": "7.0.0-beta.5",
37
- "@stackshift-ui/heading": "7.0.0-beta.5",
38
- "@stackshift-ui/button": "7.0.0-beta.7",
39
- "@stackshift-ui/image": "7.0.0-beta.6",
40
- "@stackshift-ui/container": "7.0.0-beta.5",
41
- "@stackshift-ui/scripts": "7.0.0-beta.4",
42
- "@stackshift-ui/section": "7.0.0-beta.5",
43
- "@stackshift-ui/link": "7.0.0-beta.5",
44
- "@stackshift-ui/system": "7.0.0-beta.5",
45
- "@stackshift-ui/text": "7.0.0-beta.5",
46
- "@stackshift-ui/signin-signup": "7.0.0-beta.10",
47
- "@stackshift-ui/swiper-pagination": "7.0.0-beta.5"
36
+ "@stackshift-ui/image": "7.0.0-beta.7",
37
+ "@stackshift-ui/scripts": "7.0.0-beta.5",
38
+ "@stackshift-ui/link": "7.0.0-beta.6",
39
+ "@stackshift-ui/section": "7.0.0-beta.6",
40
+ "@stackshift-ui/signin-signup": "7.0.0-beta.11",
41
+ "@stackshift-ui/system": "7.0.0-beta.6",
42
+ "@stackshift-ui/heading": "7.0.0-beta.6",
43
+ "@stackshift-ui/text": "7.0.0-beta.6",
44
+ "@stackshift-ui/swiper-pagination": "7.0.0-beta.6",
45
+ "@stackshift-ui/container": "7.0.0-beta.6",
46
+ "@stackshift-ui/flex": "7.0.0-beta.6",
47
+ "@stackshift-ui/button": "7.0.0-beta.8"
48
48
  },
49
49
  "peerDependencies": {
50
- "@stackshift-ui/system": ">=7.0.0-beta.5",
50
+ "@stackshift-ui/system": ">=7.0.0-beta.6",
51
51
  "@types/react": "16.8 - 19",
52
52
  "next": "10 - 14",
53
53
  "react": "16.8 - 19",