@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.
- package/dist/chunk-6VLQ34IL.mjs +1 -0
- package/dist/chunk-JBW4MNZY.mjs +1 -0
- package/dist/chunk-N4PELF6W.mjs +1 -0
- package/dist/chunk-R2SJYLHC.mjs +1 -0
- package/dist/chunk-RYJUSUOP.mjs +1 -0
- package/dist/chunk-TWOG3HLH.mjs +1 -0
- package/dist/chunk-U7DYDRIC.mjs +1 -0
- package/dist/chunk-W2QPS3BW.mjs +1 -0
- package/dist/chunk-YTPYKUH2.mjs +1 -0
- package/dist/header.d.ts +34 -0
- package/dist/header.js +1 -0
- package/dist/header.mjs +1 -0
- package/dist/header_a.d.ts +3 -0
- package/dist/header_a.js +1 -0
- package/dist/header_a.mjs +1 -0
- package/dist/header_b.d.ts +3 -0
- package/dist/header_b.js +1 -0
- package/dist/header_b.mjs +1 -0
- package/dist/header_c.d.ts +3 -0
- package/dist/header_c.js +1 -0
- package/dist/header_c.mjs +1 -0
- package/dist/header_d.d.ts +3 -0
- package/dist/header_d.js +1 -0
- package/dist/header_d.mjs +1 -0
- package/dist/header_e.d.ts +3 -0
- package/dist/header_e.js +1 -0
- package/dist/header_e.mjs +1 -0
- package/dist/header_f.d.ts +3 -0
- package/dist/header_f.js +1 -0
- package/dist/header_f.mjs +1 -0
- package/dist/header_g.d.ts +3 -0
- package/dist/header_g.js +1 -0
- package/dist/header_g.mjs +1 -0
- package/dist/helpers/index.d.ts +3 -0
- package/dist/helpers/index.js +1 -0
- package/dist/helpers/index.mjs +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +2 -0
- package/dist/index.mjs +2 -0
- package/dist/types.d.ts +525 -0
- package/dist/types.js +1 -0
- package/dist/utils/portableText/customBlockStyle.d.ts +2 -0
- package/dist/utils/portableText/customBlockStyle.js +1 -0
- package/dist/utils/portableText/customBlockStyle.mjs +1 -0
- package/dist/utils/portableText.d.ts +0 -0
- package/dist/utils/portableText.js +1 -0
- 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};
|
package/dist/header.d.ts
ADDED
|
@@ -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});
|
package/dist/header.mjs
ADDED
|
@@ -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};
|
package/dist/header_a.js
ADDED
|
@@ -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};
|
package/dist/header_b.js
ADDED
|
@@ -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};
|
package/dist/header_c.js
ADDED
|
@@ -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};
|
package/dist/header_d.js
ADDED
|
@@ -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};
|
package/dist/header_e.js
ADDED
|
@@ -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};
|
package/dist/header_f.js
ADDED
|
@@ -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};
|
package/dist/header_g.js
ADDED
|
@@ -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};
|
package/dist/index.d.ts
ADDED
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};
|
package/dist/types.d.ts
ADDED
|
@@ -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 @@
|
|
|
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.
|
|
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/
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/
|
|
47
|
-
"@stackshift-ui/
|
|
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.
|
|
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",
|