@stackshift-ui/header 7.0.0-beta.8 → 7.0.0-beta.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/header",
   "description": "",
-  "version": "7.0.0-beta.8",
+  "version": "7.0.0-beta.9",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -27,27 +27,27 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "@portabletext/react": "^3.1.0",
     "react-icons": "^5.3.0",
-    "@stackshift-ui/button": "6.1.0-beta.5",
-    "@stackshift-ui/heading": "7.0.0-beta.3",
-    "@stackshift-ui/link": "6.1.0-beta.3",
-    "@stackshift-ui/text": "7.0.0-beta.3",
-    "@stackshift-ui/section": "7.0.0-beta.3",
-    "@stackshift-ui/flex": "7.0.0-beta.3",
-    "@stackshift-ui/swiper-pagination": "7.0.0-beta.3",
-    "@stackshift-ui/signin-signup": "7.0.0-beta.8",
-    "@stackshift-ui/container": "7.0.0-beta.3",
-    "@stackshift-ui/scripts": "6.1.0-beta.2",
-    "@stackshift-ui/system": "6.1.0-beta.3",
-    "@stackshift-ui/image": "6.1.0-beta.4"
+    "@stackshift-ui/image": "7.0.0-beta.5",
+    "@stackshift-ui/button": "7.0.0-beta.6",
+    "@stackshift-ui/link": "7.0.0-beta.4",
+    "@stackshift-ui/container": "7.0.0-beta.4",
+    "@stackshift-ui/heading": "7.0.0-beta.4",
+    "@stackshift-ui/section": "7.0.0-beta.4",
+    "@stackshift-ui/system": "7.0.0-beta.4",
+    "@stackshift-ui/flex": "7.0.0-beta.4",
+    "@stackshift-ui/scripts": "7.0.0-beta.3",
+    "@stackshift-ui/text": "7.0.0-beta.4",
+    "@stackshift-ui/signin-signup": "7.0.0-beta.9",
+    "@stackshift-ui/swiper-pagination": "7.0.0-beta.4"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.3",
+    "@stackshift-ui/system": ">=7.0.0-beta.4",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/header_a.tsx

@@ -3,13 +3,10 @@ import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
-import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { ButtonProps, HeaderProps } from ".";
-import { LabeledRoute } from "./types";
 
 export default function Header_A({
   mainImage,
@@ -59,9 +56,6 @@ function Buttons({
   primaryButton?: ButtonProps;
   secondaryButton?: ButtonProps;
 }) {
-  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
-  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
-
   return (
     <Flex
       align="center"
@@ -70,27 +64,17 @@ function Buttons({
       direction="col"
       className="lg:justify-start md:flex-row">
       {primaryButton?.label && (
-        <Button variant="default" aria-label={primaryButton?.label} asChild>
-          <Link
-            href={primaryButtonLink.href}
-            target={primaryButtonLink.target}
-            rel={primaryButtonLink.rel}>
-            {primaryButton?.label}
-          </Link>
+        <Button as="link" link={primaryButton}>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
+          as="link"
+          link={secondaryButton}
           variant="secondary"
-          className="bg-transparent 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>
+          className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global">
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>

package/src/header_b.tsx

@@ -3,13 +3,11 @@ import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
-import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { ButtonProps, HeaderProps } from ".";
-import { Images, LabeledRoute } from "./types";
+import { Images } from "./types";
 
 export default function Header_B({
   images,
@@ -59,9 +57,6 @@ function Buttons({
   primaryButton?: ButtonProps;
   secondaryButton?: ButtonProps;
 }) {
-  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
-  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
-
   return (
     <Flex
       align="center"
@@ -74,28 +69,12 @@ function Buttons({
           {primaryButton?.label}
         </Button>
       )}
-      {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
-          variant="secondary"
-          className="bg-transparent 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>
+          as="link"
+          link={secondaryButton}
+          className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global">
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>

package/src/header_c.tsx

@@ -2,11 +2,8 @@ import { Button } from "@stackshift-ui/button";
 import { Container } from "@stackshift-ui/container";
 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 { buildSanityLink } from "@stackshift-ui/system";
 import { ButtonProps, HeaderProps } from ".";
-import { LabeledRoute } from "./types";
 
 export default function Header_C({
   videoLink,
@@ -67,33 +64,20 @@ function Buttons({
   primaryButton?: ButtonProps;
   secondaryButton?: ButtonProps;
 }) {
-  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
-  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
-
   return (
     <Flex align="center" justify="center" gap={2} direction="col" className="md:flex-row">
       {primaryButton?.label && (
-        <Button variant="default" aria-label={primaryButton?.label} asChild>
-          <Link
-            href={primaryButtonLink.href}
-            target={primaryButtonLink.target}
-            rel={primaryButtonLink.rel}>
-            {primaryButton?.label}
-          </Link>
+        <Button as="link" link={primaryButton}>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
+          as="link"
+          link={secondaryButton}
           variant="secondary"
-          className="bg-transparent 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>
+          className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global">
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>

package/src/header_d.tsx

@@ -3,13 +3,10 @@ import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
-import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { ButtonProps, HeaderProps } from ".";
-import { LabeledRoute } from "./types";
 
 export default function Header_D({
   title,
@@ -59,9 +56,6 @@ function Buttons({
   primaryButton?: ButtonProps;
   secondaryButton?: ButtonProps;
 }) {
-  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
-  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
-
   return (
     <Flex
       align="center"
@@ -70,27 +64,17 @@ function Buttons({
       direction="col"
       className="lg:justify-start md:flex-row">
       {primaryButton?.label && (
-        <Button variant="default" aria-label={primaryButton?.label} asChild>
-          <Link
-            href={primaryButtonLink.href}
-            target={primaryButtonLink.target}
-            rel={primaryButtonLink.rel}>
-            {primaryButton?.label}
-          </Link>
+        <Button as="link" link={primaryButton}>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
+          as="link"
+          link={secondaryButton}
           variant="secondary"
-          className="bg-transparent 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>
+          className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global">
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>

package/src/header_e.tsx

@@ -2,14 +2,11 @@ import { Button } from "@stackshift-ui/button";
 import { Container } from "@stackshift-ui/container";
 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 { SigninSignup_A } from "@stackshift-ui/signin-signup";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
 import { ButtonProps, HeaderProps } from ".";
-import { LabeledRoute } from "./types";
 
 export default function Header_E({
   title,
@@ -64,9 +61,6 @@ function Buttons({
   primaryButton?: ButtonProps;
   secondaryButton?: ButtonProps;
 }) {
-  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
-  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
-
   return (
     <Flex
       align="center"
@@ -75,27 +69,17 @@ function Buttons({
       direction="col"
       className="lg:justify-start md:flex-row">
       {primaryButton?.label && (
-        <Button variant="default" aria-label={primaryButton?.label} asChild>
-          <Link
-            href={primaryButtonLink.href}
-            target={primaryButtonLink.target}
-            rel={primaryButtonLink.rel}>
-            {primaryButton?.label}
-          </Link>
+        <Button variant="default" as="link" link={primaryButton}>
+          {primaryButton?.label}
         </Button>
       )}
       {secondaryButton?.label && (
         <Button
+          as="link"
+          link={secondaryButton}
           variant="secondary"
-          className="bg-transparent 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>
+          className="bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global">
+          {secondaryButton?.label}
         </Button>
       )}
     </Flex>

package/dist/chunk-624TS2DG.mjs

@@ -1 +0,0 @@
-import{Button as o}from"@stackshift-ui/button";import{Container as d}from"@stackshift-ui/container";import{Flex as m}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Link as f}from"@stackshift-ui/link";import{Section as b}from"@stackshift-ui/section";import{SigninSignup_A as x}from"@stackshift-ui/signin-signup";import{buildSanityLink as s}from"@stackshift-ui/system";import{Text as p}from"@stackshift-ui/text";import v from"react";import{jsx as a,jsxs as r}from"react/jsx-runtime";function L({title:e,description:l,primaryButton:i,secondaryButton:t,formLinks:n,form:g}){return a(b,{className:"relative py-20 bg-background",children:a(d,{maxWidth:1280,children:r(m,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[a(m,{align:"center",direction:"col",className:"w-full basis-1/2",children:r("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[a(N,{title:e,description:l}),a(k,{primaryButton:i,secondaryButton:t})]})}),a("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:a("div",{className:"max-w-sm mx-auto text-center",children:a(x,{form:g,formLinks:n})})})]})})})}function N({title:e,description:l}){return r(v.Fragment,{children:[e&&a(c,{fontSize:"3xl",className:"mb-3",children:e}),l&&a(p,{muted:!0,className:"my-6",children:l})]})}function k({primaryButton:e,secondaryButton:l}){let i=s(e),t=s(l);return r(m,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&a(o,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:a(f,{href:i.href,target:i.target,rel:i.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&a(o,{variant:"secondary",className:"bg-transparent 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:a(f,{href:t.href,target:t.target,rel:t.rel,children:l==null?void 0:l.label})})]})}export{L as a};

package/dist/chunk-6UHNMHLI.mjs

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

package/dist/chunk-BIUXVIBB.mjs

@@ -1 +0,0 @@
-import{a as Q}from"./chunk-RYJUSUOP.mjs";import{a as E}from"./chunk-6UHNMHLI.mjs";import{a as G}from"./chunk-BX4JMX6N.mjs";import{a as q}from"./chunk-ZT2OIHMD.mjs";import{a as w}from"./chunk-MD4L5MKV.mjs";import{a as z}from"./chunk-624TS2DG.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};

package/dist/chunk-BX4JMX6N.mjs

@@ -1 +0,0 @@
-import{Button as f}from"@stackshift-ui/button";import{Container as j}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Link as z}from"@stackshift-ui/link";import{Section as P}from"@stackshift-ui/section";import{buildSanityLink as F}from"@stackshift-ui/system";import{Text as R}from"@stackshift-ui/text";import C from"react";import{jsx as d,jsxs as t}from"react/jsx-runtime";function I({images:l,title:e,description:r,primaryButton:o,secondaryButton:n}){return d(P,{className:"relative z-10 py-20 bg-background",children:d(j,{maxWidth:1280,children:t(b,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[d(b,{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:[d(S,{title:e,description:r}),d($,{primaryButton:o,secondaryButton:n})]})}),l&&d(p,{images:l})]})})})}function S({title:l,description:e}){return t(C.Fragment,{children:[l&&d(H,{fontSize:"3xl",className:"mb-3",children:l}),e&&d(R,{muted:!0,className:"my-6",children:e})]})}function $({primaryButton:l,secondaryButton:e}){let r=F(l),o=F(e);return t(b,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&d(f,{as:"link",link:l,children:l==null?void 0:l.label}),(l==null?void 0:l.label)&&d(f,{variant:"default","aria-label":l==null?void 0:l.label,asChild:!0,children:d(z,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})}),(e==null?void 0:e.label)&&d(f,{variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":e==null?void 0:e.label,asChild:!0,children:d(z,{href:o.href,target:o.target,rel:o.rel,children:e==null?void 0:e.label})})]})}function p({images:l}){var e,r,o,n,a,h,x,v,i,w,N,m,u,k,L,s;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)&&d(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:`${(r=l==null?void 0:l[0])==null?void 0:r.image}`,width:941,height:734,alt:(n=(o=l==null?void 0:l[0])==null?void 0:o.alt)!=null?n:"header-image-1"}),((a=l==null?void 0:l[1])==null?void 0:a.image)&&d(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:`${(h=l==null?void 0:l[1])==null?void 0:h.image}`,width:1050,height:701,alt:(v=(x=l==null?void 0:l[1])==null?void 0:x.alt)!=null?v:"header-image-2"})]}),t("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)&&d(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:`${(w=l==null?void 0:l[2])==null?void 0:w.image}`,width:1050,height:701,alt:(m=(N=l==null?void 0:l[2])==null?void 0:N.alt)!=null?m:"header-image-3"}),((u=l==null?void 0:l[3])==null?void 0:u.image)&&d(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:`${(k=l==null?void 0:l[3])==null?void 0:k.image}`,width:941,height:734,alt:(s=(L=l==null?void 0:l[3])==null?void 0:L.alt)!=null?s:"header-image-4"})]})]}):null}export{I as a};

package/dist/chunk-MD4L5MKV.mjs

@@ -1 +0,0 @@
-import{Button as n}from"@stackshift-ui/button";import{Container as s}from"@stackshift-ui/container";import{Flex as o}from"@stackshift-ui/flex";import{Heading as c}from"@stackshift-ui/heading";import{Image as d}from"@stackshift-ui/image";import{Link as f}from"@stackshift-ui/link";import{Section as b}from"@stackshift-ui/section";import{buildSanityLink as m}from"@stackshift-ui/system";import{Text as x}from"@stackshift-ui/text";import p from"react";import{jsx as t,jsxs as a}from"react/jsx-runtime";function h({title:e,description:l,primaryButton:i,secondaryButton:r,mainImage:g}){return t(b,{className:"py-20 bg-background",children:t(s,{maxWidth:1280,children:a(o,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[t(o,{align:"center",className:"w-full basis-1/2",direction:"col",children:a(s,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[t(u,{title:e,description:l}),t(N,{primaryButton:i,secondaryButton:r})]})}),t(L,{mainImage:g})]})})})}function u({title:e,description:l}){return a(p.Fragment,{children:[e?t(c,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?t(x,{className:"my-6",muted:!0,children:l}):null]})}function N({primaryButton:e,secondaryButton:l}){let i=m(e),r=m(l);return a(o,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&t(n,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:t(f,{href:i.href,target:i.target,rel:i.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&t(n,{variant:"secondary",className:"bg-transparent 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:t(f,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})})]})}function L({mainImage:e}){var l;return e!=null&&e.image?t("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:t(d,{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{h as a};

package/dist/chunk-N4PELF6W.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-RYJUSUOP.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-W2QPS3BW.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-ZT2OIHMD.mjs

@@ -1 +0,0 @@
-import{Button as s}from"@stackshift-ui/button";import{Container as b}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as n}from"@stackshift-ui/heading";import{Link as m}from"@stackshift-ui/link";import{Section as p}from"@stackshift-ui/section";import{buildSanityLink as d}from"@stackshift-ui/system";import{jsx as a,jsxs as o}from"react/jsx-runtime";function c({videoLink:e,title:l,primaryButton:i,secondaryButton:t}){let r;return e&&(e.includes("embed")?r=e.split("/")[4]:r=e.split("/watch?v=")[1]||e.split("/")[3]),a(p,{className:"py-20 md:py-52 bg-background",children:o(b,{maxWidth:1280,children:[o("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(h,{primaryButton:i,secondaryButton:t})]}),a("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:r&&a(g,{videoLinkId:r,title:l})})]})})}function g({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 h({primaryButton:e,secondaryButton:l}){let i=d(e),t=d(l);return o(f,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&a(s,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:a(m,{href:i.href,target:i.target,rel:i.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&a(s,{variant:"secondary",className:"bg-transparent 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:a(m,{href:t.href,target:t.target,rel:t.rel,children:l==null?void 0:l.label})})]})}export{c as a};

package/dist/header.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { Form, HeaderSections, Images, LabeledRouteWithKey, MainImage, SectionsProps, Template } from "./types";
-export interface ButtonProps {
-    as?: string;
-    label?: string;
-    link?: {
-        target?: string;
-        route?: string;
-    };
-    ariaLabel?: string;
-    variant?: string;
-}
-export interface HeaderProps {
-    template?: Template;
-    mainImage?: MainImage;
-    images?: Images[];
-    mediaItems?: Images[];
-    title?: string;
-    subtitle?: string;
-    description?: string;
-    primaryButton?: ButtonProps;
-    secondaryButton?: ButtonProps;
-    videoLink?: string;
-    formLinks?: LabeledRouteWithKey[];
-    form?: Form;
-    isFullWidth?: boolean;
-    subtitlePosition?: "top" | "bottom";
-    position?: "left" | "center" | "right";
-    spacing?: number;
-    isOrdered?: boolean;
-    startingPosition?: "left" | "right";
-    headerSections?: HeaderSections[];
-}
-export declare const Header: React.FC<SectionsProps>;

package/dist/header.js

@@ -1 +0,0 @@
-"use strict";var wl=Object.create;var C=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var Pl=Object.getOwnPropertyNames;var hl=Object.getPrototypeOf,Ll=Object.prototype.hasOwnProperty;var Hl=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},Re=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Pl(l))!Ll.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Nl(l,o))||i.enumerable});return e};var S=(e,l,t)=>(t=e!=null?wl(hl(e)):{},Re(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Tl=e=>Re(C({},"__esModule",{value:!0}),e);var Yl={};Hl(Yl,{Header:()=>vl});module.exports=Tl(Yl);var M=require("@stackshift-ui/button"),ze=require("@stackshift-ui/container"),$=require("@stackshift-ui/flex"),_e=require("@stackshift-ui/heading"),D=require("@stackshift-ui/image"),W=require("@stackshift-ui/link"),je=require("@stackshift-ui/section"),A=require("@stackshift-ui/system"),Me=require("@stackshift-ui/text"),We=S(require("react")),n=require("react/jsx-runtime");function E({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,n.jsx)(je.Section,{className:"py-20 bg-background",children:(0,n.jsx)(ze.Container,{maxWidth:1280,children:(0,n.jsxs)($.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,n.jsx)($.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,n.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,n.jsx)(Cl,{title:l,description:t}),(0,n.jsx)(Sl,{primaryButton:i,secondaryButton:o})]})}),(0,n.jsx)(Fl,{mainImage:e})]})})})}function Cl({title:e,description:l}){return(0,n.jsxs)(We.default.Fragment,{children:[e&&(0,n.jsx)(_e.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,n.jsx)(Me.Text,{muted:!0,className:"my-6",children:l})]})}function Sl({primaryButton:e,secondaryButton:l}){let t=(0,A.buildSanityLink)(e),i=(0,A.buildSanityLink)(l);return(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-transparent 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,n.jsx)(W.Link,{href:i.href,target:i.target,rel:i.rel,children:l==null?void 0:l.label})})]})}function Fl({mainImage:e}){var l;return e!=null&&e.image?(0,n.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,n.jsx)(D.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:Me-[448px] relative $-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,n.jsx)($l,{})]}):null}function $l(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(F,{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,n.jsx)(F,{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,n.jsx)(F,{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,n.jsx)(F,{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 F({src:e,alt:l,className:t,style:i,width:o,height:g}){return(0,n.jsx)(D.Image,{src:e,alt:l,className:t,style:i,width:o,height:g})}var Ge=S(require("react"));function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,n.jsx)(je.Section,{className:"relative $-10 py-20 bg-background",children:(0,n.jsx)(ze.Container,{maxWidth:1280,children:(0,n.jsxs)($.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,n.jsx)($.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,n.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,n.jsx)(Il,{title:l,description:t}),(0,n.jsx)(Rl,{primaryButton:i,secondaryButton:o})]})}),e&&(0,n.jsx)(zl,{images:e})]})})})}function Il({title:e,description:l}){return(0,n.jsxs)(Ge.default.Fragment,{children:[e&&(0,n.jsx)(_e.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,n.jsx)(Me.Text,{muted:!0,className:"my-6",children:l})]})}function Rl({primaryButton:e,secondaryButton:l}){let t=(0,A.buildSanityLink)(e),i=(0,A.buildSanityLink)(l);return(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{as:"link",link:e,children:e==null?void 0:e.label}),(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-transparent 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,n.jsx)(W.Link,{href:i.href,target:i.target,rel:i.rel,children:l==null?void 0:l.label})})]})}function zl({images:e}){var l,t,i,o,g,u,v,b,d,k,N,P,w,p,L,H;return e?(0,n.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,n.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:je-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,n.jsx)(D.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-_e sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((g=e==null?void 0:e[1])==null?void 0:g.image)&&(0,n.jsx)(D.Image,{className:"relative object-cover overflow-hidden rounded-_e sm:je-2 sm:w-2/3 md:rounded-3xl lg:rounded-$-none",sizes:"100vw",src:`${(u=e==null?void 0:e[1])==null?void 0:u.image}`,width:1050,height:701,alt:(b=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?b:"header-image-2"})]}),(0,n.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((d=e==null?void 0:e[2])==null?void 0:d.image)&&(0,n.jsx)(D.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-_e 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,n.jsx)(D.Image,{className:"object-cover overflow-hidden rounded-_e sm:je-2 sm:w-1/3 md:rounded-3xl lg:rounded-$-none",sizes:"100vw",src:`${(p=e==null?void 0:e[3])==null?void 0:p.image}`,width:941,height:734,alt:(H=(L=e==null?void 0:e[3])==null?void 0:L.alt)!=null?H:"header-image-4"})]})]}):null}function X({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,n.jsx)(je.Section,{className:"py-20 md:py-52 bg-background",children:(0,n.jsxs)(ze.Container,{maxWidth:1280,children:[(0,n.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,n.jsx)(_e.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,n.jsx)(jl,{primaryButton:t,secondaryButton:i})]}),(0,n.jsx)("div",{className:"md:mx-20 lg:mx-60 _e:mx-60",children:o&&(0,n.jsx)(_l,{videoLinkId:o,title:l})})]})})}function _l({videoLinkId:e,title:l}){return(0,n.jsx)("div",{className:"aspect-video",children:(0,n.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full Me-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><n 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></n>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function jl({primaryButton:e,secondaryButton:l}){let t=(0,A.buildSanityLink)(e),i=(0,A.buildSanityLink)(l);return(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"md:flex-row",children:[(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-transparent 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,n.jsx)(W.Link,{href:i.href,target:i.target,rel:i.rel,children:l==null?void 0:l.label})})]})}var Ze=S(require("react"));function y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,n.jsx)(je.Section,{className:"py-20 bg-background",children:(0,n.jsx)(ze.Container,{maxWidth:1280,children:(0,n.jsxs)($.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,n.jsx)($.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,n.jsxs)(ze.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,n.jsx)(Ml,{title:e,description:l}),(0,n.jsx)(Wl,{primaryButton:t,secondaryButton:i})]})}),(0,n.jsx)(Al,{mainImage:o})]})})})}function Ml({title:e,description:l}){return(0,n.jsxs)(Ze.default.Fragment,{children:[e?(0,n.jsx)(_e.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,n.jsx)(Me.Text,{className:"my-6",muted:!0,children:l}):null]})}function Wl({primaryButton:e,secondaryButton:l}){let t=(0,A.buildSanityLink)(e),i=(0,A.buildSanityLink)(l);return(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-transparent 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,n.jsx)(W.Link,{href:i.href,target:i.target,rel:i.rel,children:l==null?void 0:l.label})})]})}function Al({mainImage:e}){var l;return e!=null&&e.image?(0,n.jsx)("div",{className:"w-full md:w-2/3 Me-full mt-10 lg:mt-0",children:(0,n.jsx)(D.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var ll=require("@stackshift-ui/signin-signup"),il=S(require("react"));function te({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:g}){return(0,n.jsx)(je.Section,{className:"relative py-20 bg-background",children:(0,n.jsx)(ze.Container,{maxWidth:1280,children:(0,n.jsxs)($.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,n.jsx)($.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,n.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,n.jsx)(Dl,{title:e,description:l}),(0,n.jsx)(El,{primaryButton:t,secondaryButton:i})]})}),(0,n.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,n.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,n.jsx)(ll.SigninSignup_A,{form:g,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,n.jsxs)(il.default.Fragment,{children:[e&&(0,n.jsx)(_e.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,n.jsx)(Me.Text,{muted:!0,className:"my-6",children:l})]})}function El({primaryButton:e,secondaryButton:l}){let t=(0,A.buildSanityLink)(e),i=(0,A.buildSanityLink)(l);return(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-transparent 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,n.jsx)(W.Link,{href:i.href,target:i.target,rel:i.rel,children:l==null?void 0:l.label})})]})}var rl=require("@portabletext/react"),cl=require("react-icons/lia");var ol=({className:e})=>({block:{h1:l=>(0,n.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,n.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,n.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,n.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,n.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,n.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,n.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,n.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,n.jsx)("Me",{className:`je-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,n.jsx)("ol",{className:`je-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,n.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,n.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,n.jsx)("em",{className:e,children:l.children}),code:l=>(0,n.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,n.jsx)("n",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,n.jsxs)("div",{className:`my-5 ${e}`,children:[(0,n.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full Me-auto ${e}`}),l.value.caption&&(0,n.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}});var ql={lg:"min-Me-[200px] sm:min-Me-[400px] md:min-Me-[600px] lg:min-Me-[800px] _e:min-Me-[1150px]",md:"min-Me-[200px] sm:min-Me-[400px] md:min-Me-[500px] lg:min-Me-[700px]",sm:"min-Me-[200px] sm:min-Me-[400px] md:min-Me-[500px]"};function oe({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:g,isOrdered:u,startingPosition:v}){return(0,n.jsx)(je.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${g}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Gl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)($.Flex,{className:"flex-col",style:{gap:`${g}px`},children:i==null?void 0:i.map((b,d)=>{let k=v==="left"?d%2===0:d%2!==0;return b.isImageLeft=k,b.isFullWidth=o,b.index=d+1,b.isOrdered=u,(0,n.jsx)(Xl,{header:b,isImageLeft:k},b._key)})})]})})}var Gl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)($.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(Me.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(Me.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(Me.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(Me.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Ol=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?ql[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Vl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] Me-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Kl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(Me.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] _e:text-[28px] _e:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(rl.PortableText,{value:e==null?void 0:e.columnContent,components:ol({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] _e:text-[28px] _e:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Jl,{header:e})]})})},Kl=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(Me.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(Me.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(_e.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(D.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Jl=({header:e})=>{var t,i,o;let l=(0,A.buildSanityLink)(e.primaryButton);return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((t=e==null?void 0:e.primaryButton)==null?void 0:t.label)&&(0,n.jsx)(M.Button,{variant:"link","aria-label":(i=e==null?void 0:e.primaryButton)==null?void 0:i.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:(0,n.jsx)(W.Link,{href:l.href,target:l.target,rel:l.rel,children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(o=e==null?void 0:e.primaryButton)==null?void 0:o.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})})},Xl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full Me-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Ol,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Vl,{header:e})})]})};var dl=require("@stackshift-ui/swiper-pagination"),j=require("react");function ae({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:g="center"}){if(!(e!=null&&e.length))return null;let[u,v]=(0,j.useState)(0),b=e[u];(0,j.useEffect)(()=>{let w=setInterval(()=>{v(p=>(p+1)%e.length)},5e3);return()=>clearInterval(w)},[e.length]);let d=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,A.buildSanityLink)(i),P=(0,A.buildSanityLink)(o);return(0,n.jsx)(je.Section,{children:(0,n.jsxs)("div",{className:"relative w-full Me-[80vh] overflow-hidden",children:[b.video?(0,n.jsx)("video",{className:"absolute inset-0 w-full Me-full object-cover",src:b.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,n.jsx)("div",{className:"absolute inset-0 w-full Me-full bg-cover bg-center",style:{backgroundImage:`url(${b.image})`}}),(0,n.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 $-0"}),(0,n.jsx)("div",{className:`relative $-10 flex p-8 justify-${g==="right"?"end":g} items-center Me-full`,children:(0,n.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,n.jsx)(_e.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,n.jsx)("br",{}),(0,n.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,n.jsx)(Me.Text,{className:"text-white mb-10",children:t}),(0,n.jsxs)($.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(i==null?void 0:i.label)&&(0,n.jsx)(M.Button,{variant:"default","aria-label":i==null?void 0:i.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:N.href,target:N.target,rel:N.rel,children:i==null?void 0:i.label})}),(o==null?void 0:o.label)&&(0,n.jsx)(M.Button,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":o==null?void 0:o.label,asChild:!0,children:(0,n.jsx)(W.Link,{href:P.href,target:P.target,rel:P.rel,children:o==null?void 0:o.label})})]})]})}),(0,n.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-n-1/2 $-20 flex gap-2",children:e.map((w,p)=>(0,n.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:p===u,onClick:()=>d(p),ariaLabel:`Go to slide ${p+1}`},p))})]})})}var Ql={variant_a:E,variant_b:O,variant_c:X,variant_d:y,variant_e:te,variant_f:oe,variant_g:ae},Ul="Header",vl=({data:e})=>{var o,g,u,v,b,d,k,N,P,w,p,L,H,me,ce,fe,ge,be,xe,pe,de,ue,ve,ke,we,Ne,Pe,he,Le,He,Te,Ce,Se,Fe,$e,Ie;let l=e==null?void 0:e.variant,t=l&&Ql[l],i={mainImage:(g=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?g:void 0,images:(v=(u=e==null?void 0:e.variants)==null?void 0:u.images)!=null?v:void 0,mediaItems:(d=(b=e==null?void 0:e.variants)==null?void 0:b.mediaItems)!=null?d: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:(L=(p=e==null?void 0:e.variants)==null?void 0:p.description)!=null?L:void 0,primaryButton:(me=(H=e==null?void 0:e.variants)==null?void 0:H.primaryButton)!=null?me:void 0,secondaryButton:(fe=(ce=e==null?void 0:e.variants)==null?void 0:ce.secondaryButton)!=null?fe:void 0,videoLink:(be=(ge=e==null?void 0:e.variants)==null?void 0:ge.youtubeLink)!=null?be:void 0,formLinks:(pe=(xe=e==null?void 0:e.variants)==null?void 0:xe.formLinks)!=null?pe:void 0,form:(ue=(de=e==null?void 0:e.variants)==null?void 0:de.form)!=null?ue:void 0,spacing:(ke=(ve=e==null?void 0:e.variants)==null?void 0:ve.spacing)!=null?ke:void 0,isOrdered:(Ne=(we=e==null?void 0:e.variants)==null?void 0:we.isOrdered)!=null?Ne:void 0,startingPosition:(he=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.startingPosition)!=null?he:void 0,headerSections:(He=(Le=e==null?void 0:e.variants)==null?void 0:Le.headerSections)!=null?He:void 0,subtitlePosition:(Ce=(Te=e==null?void 0:e.variants)==null?void 0:Te.subtitlePosition)!=null?Ce:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ie=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ie:void 0};return t?(0,n.jsx)(t,{...i}):null};vl.displayName=Ul;0&&(module.exports={Header});

package/dist/header.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-BIUXVIBB.mjs";import"./chunk-RYJUSUOP.mjs";import"./chunk-6UHNMHLI.mjs";import"./chunk-BX4JMX6N.mjs";import"./chunk-ZT2OIHMD.mjs";import"./chunk-MD4L5MKV.mjs";import"./chunk-624TS2DG.mjs";import"./chunk-N4PELF6W.mjs";import"./chunk-W2QPS3BW.mjs";export{a as Header};

package/dist/header_a.d.ts

@@ -1,3 +0,0 @@
-import { HeaderProps } from ".";
-export default function Header_A({ mainImage, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export { Header_A };

package/dist/header_a.js

@@ -1 +0,0 @@
-"use strict";var v=Object.create;var s=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var a in t)s(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of I(t))!P.call(e,r)&&r!==a&&s(e,r,{get:()=>t[r],enumerable:!(i=k(t,r))||i.enumerable});return e};var F=(e,t,a)=>(a=e!=null?v(L(e)):{},c(t||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),R=e=>c(s({},"__esModule",{value:!0}),e);var M={};z(M,{Header_A:()=>x,default:()=>x});module.exports=R(M);var g=require("@stackshift-ui/button"),f=require("@stackshift-ui/container"),m=require("@stackshift-ui/flex"),h=require("@stackshift-ui/heading"),b=require("@stackshift-ui/image"),o=require("@stackshift-ui/link"),u=require("@stackshift-ui/section"),d=require("@stackshift-ui/system"),p=require("@stackshift-ui/text"),w=F(require("react")),l=require("react/jsx-runtime");function x({mainImage:e,title:t,description:a,primaryButton:i,secondaryButton:r}){return(0,l.jsx)(u.Section,{className:"py-20 bg-background",children:(0,l.jsx)(f.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)(S,{title:t,description:a}),(0,l.jsx)(C,{primaryButton:i,secondaryButton:r})]})}),(0,l.jsx)(H,{mainImage:e})]})})})}function S({title:e,description:t}){return(0,l.jsxs)(w.default.Fragment,{children:[e&&(0,l.jsx)(h.Heading,{fontSize:"3xl",className:"mb-3",children:e}),t&&(0,l.jsx)(p.Text,{muted:!0,className:"my-6",children:t})]})}function C({primaryButton:e,secondaryButton:t}){let a=(0,d.buildSanityLink)(e),i=(0,d.buildSanityLink)(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)(g.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,l.jsx)(o.Link,{href:a.href,target:a.target,rel:a.rel,children:e==null?void 0:e.label})}),(t==null?void 0:t.label)&&(0,l.jsx)(g.Button,{variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,l.jsx)(o.Link,{href:i.href,target:i.target,rel:i.rel,children:t==null?void 0:t.label})})]})}function H({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)(b.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)(q,{})]}):null}function q(){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:i,width:r,height:N}){return(0,l.jsx)(b.Image,{src:e,alt:t,className:a,style:i,width:r,height:N})}0&&(module.exports={Header_A});

package/dist/header_a.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-6UHNMHLI.mjs";export{a as Header_A,a as default};

package/dist/header_b.d.ts

@@ -1,3 +0,0 @@
-import { HeaderProps } from ".";
-export default function Header_B({ images, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export { Header_B };

package/dist/header_b.js

@@ -1 +0,0 @@
-"use strict";var $=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var G=(l,e)=>{for(var r in e)c(l,r,{get:e[r],enumerable:!0})},j=(l,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of T(e))!D.call(l,t)&&t!==r&&c(l,t,{get:()=>e[t],enumerable:!(o=p(e,t))||o.enumerable});return l};var W=(l,e,r)=>(r=l!=null?$(A(l)):{},j(e||!l||!l.__esModule?c(r,"default",{value:l,enumerable:!0}):r,l)),_=l=>j(c({},"__esModule",{value:!0}),l);var K={};G(K,{Header_B:()=>S,default:()=>S});module.exports=_(K);var f=require("@stackshift-ui/button"),H=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),P=require("@stackshift-ui/heading"),n=require("@stackshift-ui/image"),a=require("@stackshift-ui/link"),R=require("@stackshift-ui/section"),h=require("@stackshift-ui/system"),C=require("@stackshift-ui/text"),I=W(require("react")),d=require("react/jsx-runtime");function S({images:l,title:e,description:r,primaryButton:o,secondaryButton:t}){return(0,d.jsx)(R.Section,{className:"relative z-10 py-20 bg-background",children:(0,d.jsx)(H.Container,{maxWidth:1280,children:(0,d.jsxs)(b.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,d.jsx)(b.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,d.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,d.jsx)(q,{title:e,description:r}),(0,d.jsx)(E,{primaryButton:o,secondaryButton:t})]})}),l&&(0,d.jsx)(J,{images:l})]})})})}function q({title:l,description:e}){return(0,d.jsxs)(I.default.Fragment,{children:[l&&(0,d.jsx)(P.Heading,{fontSize:"3xl",className:"mb-3",children:l}),e&&(0,d.jsx)(C.Text,{muted:!0,className:"my-6",children:e})]})}function E({primaryButton:l,secondaryButton:e}){let r=(0,h.buildSanityLink)(l),o=(0,h.buildSanityLink)(e);return(0,d.jsxs)(b.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&(0,d.jsx)(f.Button,{as:"link",link:l,children:l==null?void 0:l.label}),(l==null?void 0:l.label)&&(0,d.jsx)(f.Button,{variant:"default","aria-label":l==null?void 0:l.label,asChild:!0,children:(0,d.jsx)(a.Link,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})}),(e==null?void 0:e.label)&&(0,d.jsx)(f.Button,{variant:"secondary",className:"bg-transparent border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,d.jsx)(a.Link,{href:o.href,target:o.target,rel:o.rel,children:e==null?void 0:e.label})})]})}function J({images:l}){var e,r,o,t,x,v,i,w,N,m,u,k,L,s,z,F;return l?(0,d.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,d.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,d.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:`${(r=l==null?void 0:l[0])==null?void 0:r.image}`,width:941,height:734,alt:(t=(o=l==null?void 0:l[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((x=l==null?void 0:l[1])==null?void 0:x.image)&&(0,d.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:`${(v=l==null?void 0:l[1])==null?void 0:v.image}`,width:1050,height:701,alt:(w=(i=l==null?void 0:l[1])==null?void 0:i.alt)!=null?w:"header-image-2"})]}),(0,d.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((N=l==null?void 0:l[2])==null?void 0:N.image)&&(0,d.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:(k=(u=l==null?void 0:l[2])==null?void 0:u.alt)!=null?k:"header-image-3"}),((L=l==null?void 0:l[3])==null?void 0:L.image)&&(0,d.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:`${(s=l==null?void 0:l[3])==null?void 0:s.image}`,width:941,height:734,alt:(F=(z=l==null?void 0:l[3])==null?void 0:z.alt)!=null?F:"header-image-4"})]})]}):null}0&&(module.exports={Header_B});

package/dist/header_b.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-BX4JMX6N.mjs";export{a as Header_B,a as default};

package/dist/header_c.d.ts

@@ -1,3 +0,0 @@
-import { HeaderProps } from ".";
-export default function Header_C({ videoLink, title, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export { Header_C };

package/dist/header_c.js

@@ -1 +0,0 @@
-"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var w=(e,l)=>{for(var i in l)o(e,i,{get:l[i],enumerable:!0})},u=(e,l,i,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of h(l))!x.call(e,t)&&t!==i&&o(e,t,{get:()=>l[t],enumerable:!(r=g(l,t))||r.enumerable});return e};var v=e=>u(o({},"__esModule",{value:!0}),e);var L={};w(L,{Header_C:()=>c,default:()=>c});module.exports=v(L);var s=require("@stackshift-ui/button"),b=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),n=require("@stackshift-ui/heading"),m=require("@stackshift-ui/link"),p=require("@stackshift-ui/section"),d=require("@stackshift-ui/system"),a=require("react/jsx-runtime");function c({videoLink:e,title:l,primaryButton:i,secondaryButton:r}){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)(b.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)(k,{primaryButton:i,secondaryButton:r})]}),(0,a.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,a.jsx)(N,{videoLinkId:t,title:l})})]})})}function N({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 k({primaryButton:e,secondaryButton:l}){let i=(0,d.buildSanityLink)(e),r=(0,d.buildSanityLink)(l);return(0,a.jsxs)(f.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,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,a.jsx)(m.Link,{href:i.href,target:i.target,rel:i.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,a.jsx)(s.Button,{variant:"secondary",className:"bg-transparent 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,a.jsx)(m.Link,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})})]})}0&&(module.exports={Header_C});

package/dist/header_c.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-ZT2OIHMD.mjs";export{a as Header_C,a as default};

package/dist/header_d.d.ts

@@ -1,3 +0,0 @@
-import { HeaderProps } from ".";
-export default function Header_D({ title, description, primaryButton, secondaryButton, mainImage, }: HeaderProps): JSX.Element;
-export { Header_D };

package/dist/header_d.js

@@ -1 +0,0 @@
-"use strict";var N=Object.create;var o=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var i in l)o(e,i,{get:l[i],enumerable:!0})},c=(e,l,i,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of k(l))!F.call(e,a)&&a!==i&&o(e,a,{get:()=>l[a],enumerable:!(r=L(l,a))||r.enumerable});return e};var v=(e,l,i)=>(i=e!=null?N(w(e)):{},c(l||!e||!e.__esModule?o(i,"default",{value:e,enumerable:!0}):i,e)),C=e=>c(o({},"__esModule",{value:!0}),e);var M={};P(M,{Header_D:()=>u,default:()=>u});module.exports=C(M);var s=require("@stackshift-ui/button"),f=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),b=require("@stackshift-ui/image"),m=require("@stackshift-ui/link"),x=require("@stackshift-ui/section"),g=require("@stackshift-ui/system"),p=require("@stackshift-ui/text"),h=v(require("react")),t=require("react/jsx-runtime");function u({title:e,description:l,primaryButton:i,secondaryButton:r,mainImage:a}){return(0,t.jsx)(x.Section,{className:"py-20 bg-background",children:(0,t.jsx)(f.Container,{maxWidth:1280,children:(0,t.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,t.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,t.jsxs)(f.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,t.jsx)(H,{title:e,description:l}),(0,t.jsx)(R,{primaryButton:i,secondaryButton:r})]})}),(0,t.jsx)(S,{mainImage:a})]})})})}function H({title:e,description:l}){return(0,t.jsxs)(h.default.Fragment,{children:[e?(0,t.jsx)(d.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,t.jsx)(p.Text,{className:"my-6",muted:!0,children:l}):null]})}function R({primaryButton:e,secondaryButton:l}){let i=(0,g.buildSanityLink)(e),r=(0,g.buildSanityLink)(l);return(0,t.jsxs)(n.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)(s.Button,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,t.jsx)(m.Link,{href:i.href,target:i.target,rel:i.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&(0,t.jsx)(s.Button,{variant:"secondary",className:"bg-transparent 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,t.jsx)(m.Link,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})})]})}function S({mainImage:e}){var l;return e!=null&&e.image?(0,t.jsx)("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:(0,t.jsx)(b.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}0&&(module.exports={Header_D});

package/dist/header_d.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-MD4L5MKV.mjs";export{a as Header_D,a as default};