@stackshift-ui/header 6.1.4 → 7.0.0-beta.1

package/src/header_g.tsx

@@ -1,8 +1,10 @@
 import { Button } from "@stackshift-ui/button";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
+import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
 import { SwiperPagination } from "@stackshift-ui/swiper-pagination";
+import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import { useEffect, useState } from "react";
 import { HeaderProps } from ".";
@@ -43,6 +45,18 @@ export default function Header_G({
     }
   };
 
+  const primaryButtonLink = buildSanityLink({
+    type: "linkInternal",
+    internalLink: primaryButton?.link?.target === "_self" ? primaryButton?.link?.route : "",
+    externalLink: primaryButton?.link?.target != "_self" ? primaryButton?.link?.route : "",
+  });
+
+  const secondaryButtonLink = buildSanityLink({
+    type: "linkInternal",
+    internalLink: secondaryButton?.link?.target === "_self" ? secondaryButton?.link?.route : "",
+    externalLink: secondaryButton?.link?.target != "_self" ? secondaryButton?.link?.route : "",
+  });
+
   return (
     <Section>
       <div className="relative w-full h-[80vh] overflow-hidden">
@@ -83,29 +97,33 @@ export default function Header_G({
             </Heading>
             {description && <Text className="text-white mb-10">{description}</Text>}
             <Flex
-              justify={position === "center" ? "center" : position === "right" ? "end" : "start"}
-              direction="row"
               align="center"
-              wrap
-              gap={4}>
+              justify="center"
+              gap={2}
+              direction="col"
+              className="lg:justify-start md:flex-row">
               {primaryButton?.label && (
-                <Button
-                  as="link"
-                  link={primaryButton}
-                  ariaLabel={primaryButton?.ariaLabel}
-                  variant="solid"
-                  className="text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out">
-                  {primaryButton.label}
+                <Button variant="default" aria-label={primaryButton?.label} asChild>
+                  <Link
+                    href={primaryButtonLink.href}
+                    target={primaryButtonLink.target}
+                    rel={primaryButtonLink.rel}>
+                    {primaryButton?.label}
+                  </Link>
                 </Button>
               )}
               {secondaryButton?.label && (
                 <Button
-                  as="link"
-                  link={secondaryButton}
-                  variant="solid"
-                  ariaLabel={secondaryButton?.ariaLabel}
-                  className="text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out">
-                  {secondaryButton.label}
+                  variant="secondary"
+                  className="bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global"
+                  aria-label={secondaryButton?.label}
+                  asChild>
+                  <Link
+                    href={secondaryButtonLink.href}
+                    target={secondaryButtonLink.target}
+                    rel={secondaryButtonLink.rel}>
+                    {secondaryButton?.label}
+                  </Link>
                 </Button>
               )}
             </Flex>

package/dist/chunk-7SQGIFHM.mjs

@@ -1 +0,0 @@
-import{Button as g}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as n}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as d}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import x from"react";import{Fragment as k,jsx as t,jsxs as i}from"react/jsx-runtime";function w({mainImage:e,title:l,description:s,primaryButton:r,secondaryButton:m}){return t(h,{className:"py-20 bg-background",children:t(c,{maxWidth:1280,children:i(n,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[t(n,{align:"center",direction:"col",className:"w-full basis-1/2",children:i("div",{className:"max-w-md text-center lg:text-left",children:[t(u,{title:l,description:s}),t(p,{primaryButton:r,secondaryButton:m})]})}),t(N,{mainImage:e})]})})})}function u({title:e,description:l}){return i(x.Fragment,{children:[e&&t(b,{fontSize:"3xl",className:"mb-3",children:e}),l&&t(f,{muted:!0,className:"my-6",children:l})]})}function p({primaryButton:e,secondaryButton:l}){return i(n,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&t(g,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&t(g,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function N({mainImage:e}){var l;return e!=null&&e.image?i("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[t(d,{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:(l=e.alt)!=null?l:"header-main-image"}),t(v,{})]}):null}function v(){return i(k,{children:[t(a,{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}),t(a,{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}),t(a,{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}),t(a,{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 a({src:e,alt:l,className:s,style:r,width:m,height:o}){return t(d,{src:e,alt:l,className:s,style:r,width:m,height:o})}export{w as a};

package/dist/chunk-DN6UM2LP.mjs

@@ -1 +0,0 @@
-import{Button as o}from"@stackshift-ui/button";import{Container as t}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Section as p}from"@stackshift-ui/section";import{jsx as a,jsxs as s}from"react/jsx-runtime";function c({videoLink:e,title:l,primaryButton:m,secondaryButton:r}){let i;return e&&(e.includes("embed")?i=e.split("/")[4]:i=e.split("/watch?v=")[1]||e.split("/")[3]),a(p,{className:"py-20 md:py-52 bg-background",children:s(t,{maxWidth:1280,children:[s("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&a(d,{fontSize:"3xl",className:"mb-10",children:l}),a(g,{primaryButton:m,secondaryButton:r})]}),a("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:i&&a(f,{videoLinkId:i,title:l})})]})})}function f({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 g({primaryButton:e,secondaryButton:l}){return s(b,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&a(o,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(o,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}export{c as a};

package/dist/chunk-IZSK2OAC.mjs

@@ -1 +0,0 @@
-import{Button as n}from"@stackshift-ui/button";import{Container as o}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as f}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as m}from"@stackshift-ui/section";import{Text as b}from"@stackshift-ui/text";import d from"react";import{jsx as a,jsxs as r}from"react/jsx-runtime";function x({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:c}){return a(m,{className:"py-20 bg-background",children:a(o,{maxWidth:1280,children:r(s,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[a(s,{align:"center",className:"w-full basis-1/2",direction:"col",children:r(o,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[a(p,{title:e,description:l}),a(h,{primaryButton:i,secondaryButton:t})]})}),a(N,{mainImage:c})]})})})}function p({title:e,description:l}){return r(d.Fragment,{children:[e?a(f,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?a(b,{className:"my-6",muted:!0,children:l}):null]})}function h({primaryButton:e,secondaryButton:l}){var i,t;return r(s,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?a(n,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?a(n,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function N({mainImage:e}){var l;return e!=null&&e.image?a("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:a(g,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}export{x as a};

package/dist/chunk-KCZJVXVR.mjs

@@ -1 +0,0 @@
-import{Button as z}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as b}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 I from"react";import{jsx as r,jsxs as d}from"react/jsx-runtime";function $({images:l,title:e,description:o,primaryButton:t,secondaryButton:n}){return r(H,{className:"relative z-10 py-20 bg-background",children:r(F,{maxWidth:1280,children:d(b,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[r(b,{align:"center",direction:"col",className:"w-full basis-1/2",children:d("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[r(S,{title:e,description:o}),r(T,{primaryButton:t,secondaryButton:n})]})}),l&&r(C,{images:l})]})})})}function S({title:l,description:e}){return d(I.Fragment,{children:[l&&r(j,{fontSize:"3xl",className:"mb-3",children:l}),e&&r(P,{muted:!0,className:"my-6",children:e})]})}function T({primaryButton:l,secondaryButton:e}){return d(b,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(l==null?void 0:l.label)&&r(z,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&r(z,{as:"link",link:e,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})]})}function C({images:l}){var e,o,t,n,f,x,v,h,w,a,i,m,N,p,u,k;return l?d("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[d("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=(t=l==null?void 0:l[0])==null?void 0:t.alt)!=null?n:"header-image-1"}),((f=l==null?void 0:l[1])==null?void 0:f.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:(h=(v=l==null?void 0:l[1])==null?void 0:v.alt)!=null?h:"header-image-2"})]}),d("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((w=l==null?void 0:l[2])==null?void 0:w.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:`${(a=l==null?void 0:l[2])==null?void 0:a.image}`,width:1050,height:701,alt:(m=(i=l==null?void 0:l[2])==null?void 0:i.alt)!=null?m:"header-image-3"}),((N=l==null?void 0:l[3])==null?void 0:N.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=(u=l==null?void 0:l[3])==null?void 0:u.alt)!=null?k:"header-image-4"})]})]}):null}export{$ as a};

package/dist/chunk-LA2DIHLF.mjs

@@ -1 +0,0 @@
-import{Button as h}from"@stackshift-ui/button";import{Flex as p}from"@stackshift-ui/flex";import{Heading as u}from"@stackshift-ui/heading";import{Section as m}from"@stackshift-ui/section";import{SwiperPagination as d}from"@stackshift-ui/swiper-pagination";import{Text as w}from"@stackshift-ui/text";import{useEffect as N,useState as k}from"react";import{Fragment as j,jsx as e,jsxs as n}from"react/jsx-runtime";function S({mediaItems:t,title:r,description:f,primaryButton:l,secondaryButton:a,position:i="center"}){if(!(t!=null&&t.length))return null;let[b,x]=k(0),o=t[b];N(()=>{let c=setInterval(()=>{x(s=>(s+1)%t.length)},5e3);return()=>clearInterval(c)},[t.length]);let v=c=>{x(c)},g=()=>{switch(i){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return e(m,{children:n("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[o.video?e("video",{className:"absolute inset-0 w-full h-full object-cover",src:o.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):e("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${o.image})`}}),e("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),e("div",{className:`relative z-10 flex p-8 justify-${i==="right"?"end":i} items-center h-full`,children:n("div",{className:`max-w-[600px] flex flex-col justify-center ${g()} px-4`,children:[e(u,{className:"text-white uppercase mb-10",children:r!=null&&r.includes("Introducing")?n(j,{children:[e("span",{className:"md:text-3xl text-2xl",children:r.split(" ").slice(0,1).join(" ")}),e("br",{}),e("span",{children:r.split(" ").slice(1).join(" ")})]}):r}),f&&e(w,{className:"text-white mb-10",children:f}),n(p,{justify:i==="center"?"center":i==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(l==null?void 0:l.label)&&e(h,{as:"link",link:l,ariaLabel:l==null?void 0:l.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:l.label}),(a==null?void 0:a.label)&&e(h,{as:"link",link:a,variant:"solid",ariaLabel:a==null?void 0:a.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:a.label})]})]})}),e("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:t.map((c,s)=>e(d,{colorScheme:"white",isActive:s===b,onClick:()=>v(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}export{S as a};

package/dist/chunk-O23POPQC.mjs

@@ -1 +0,0 @@
-import{Button as s}from"@stackshift-ui/button";import{Container as r}from"@stackshift-ui/container";import{Flex as m}from"@stackshift-ui/flex";import{Heading as x}from"@stackshift-ui/heading";import{Section as n}from"@stackshift-ui/section";import{SigninSignup_A as c}from"@stackshift-ui/signin-signup";import{Text as b}from"@stackshift-ui/text";import d from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function p({title:e,description:l,primaryButton:f,secondaryButton:t,formLinks:o,form:g}){return i(n,{className:"relative py-20 bg-background",children:i(r,{maxWidth:1280,children:a(m,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[i(m,{align:"center",direction:"col",className:"w-full basis-1/2",children:a("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[i(N,{title:e,description:l}),i(v,{primaryButton:f,secondaryButton:t})]})}),i("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:i("div",{className:"max-w-sm mx-auto text-center",children:i(c,{form:g,formLinks:o})})})]})})})}function N({title:e,description:l}){return a(d.Fragment,{children:[e&&i(x,{fontSize:"3xl",className:"mb-3",children:e}),l&&i(b,{muted:!0,className:"my-6",children:l})]})}function v({primaryButton:e,secondaryButton:l}){return a(m,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&i(s,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&i(s,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}export{p as a};

package/dist/chunk-PPCMCZ5V.mjs

@@ -1 +0,0 @@
-import{a as b}from"./chunk-W2QPS3BW.mjs";import{PortableText as k}from"@portabletext/react";import{Button as N}from"@stackshift-ui/button";import{Flex as u}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as w}from"@stackshift-ui/image";import{Section as y}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as T}from"react-icons/lia";import{jsx as l,jsxs as n}from"react/jsx-runtime";var B={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:g,spacing:c,isOrdered:a,startingPosition:v}){return l(y,{className:`relative pb-14 bg-white ${m==="top"&&"mt-[32px]"}`,children:n("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${g?"":"max-w-[1548px] px-4"}`,children:[(t||i)&&l(I,{title:t,subtitle:i,subtitlePosition:m}),l(u,{className:"flex-col",style:{gap:`${c}px`},children:x==null?void 0:x.map((s,p)=>{let f=v==="left"?p%2===0:p%2!==0;return s.isImageLeft=f,s.isFullWidth=g,s.index=p+1,s.isOrdered=a,l(A,{header:s,isImageLeft:f},s._key)})})]})})}var I=({title:t,subtitle:i,subtitlePosition:m})=>n(u,{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})]}),L=({image:t,height:i})=>l("div",{className:`relative w-full ${i?B[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),S=({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(F,{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(k,{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(j,{header:t})]})})},F=({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(H,{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(w,{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"})]})]})]}),j=({header:t})=>{var i,m,x;return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(N,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(m=t==null?void 0:t.primaryButton)==null?void 0:m.label,className:"border border-black px-14 py-3.5 text-sm",children:n("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(x=t==null?void 0:t.primaryButton)==null?void 0:x.label," ",l(T,{})]})})})},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(L,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(S,{header:t})})]})};export{$ as a};