@stackshift-ui/header 7.0.0-beta.4 → 7.0.0-beta.7

package/src/header_g.tsx

@@ -8,6 +8,7 @@ import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import { useEffect, useState } from "react";
 import { HeaderProps } from ".";
+import { LabeledRoute } from "./types";
 
 export default function Header_G({
   mediaItems,
@@ -45,17 +46,8 @@ 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 : "",
-  });
+  const primaryButtonLink = buildSanityLink(primaryButton as LabeledRoute);
+  const secondaryButtonLink = buildSanityLink(secondaryButton as LabeledRoute);
 
   return (
     <Section>

package/src/helpers/index.tsx

@@ -0,0 +1,130 @@
+import { Link } from "@stackshift-ui/link";
+import { ConditionalLinkTypes, Logo } from "../types";
+
+export const logoLink = (logo: Logo) => {
+  if (logo?.internalLink && logo?.type === "linkInternal") {
+    if (logo?.internalLink?.toLowerCase()?.includes("home")) {
+      return "/";
+    }
+    return `/${logo.internalLink}`;
+  } else if (logo?.externalLink && logo?.type === "linkExternal") {
+    return logo?.externalLink ?? "/";
+  } else {
+    return "/";
+  }
+};
+
+export const ConditionalLink = ({
+  className,
+  ariaLabel,
+  style = {},
+  children,
+  link,
+  target,
+}: ConditionalLinkTypes) => {
+  const defaultStyle =
+    "inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-primary hover:bg-primary-foreground text-gray-50 font-bold leading-loose outline-none transition duration-200";
+
+  if (!link?.internalLink && !link?.externalLink) {
+    return (
+      <a
+        className={className ?? defaultStyle}
+        aria-label={ariaLabel}
+        //style={style}
+        target={target}
+        href="/page-not-found">
+        {children}
+      </a>
+    );
+  } else if (
+    (link?.type === "linkInternal" || link.linkType === "linkInternal") &&
+    // link?.internalLink?.toLowerCase()?.includes("home")
+    link?.internalLink?.toLowerCase() === "home"
+  ) {
+    return (
+      <Link
+        href={link?.referenceType === "projects" ? "/projects" : "/"}
+        aria-label={ariaLabel}
+        className={className ?? defaultStyle}
+        //style={style}
+        target={target}>
+        {children}
+      </Link>
+    );
+  } else if (link?.type === "linkInternal" || link?.linkType === "linkInternal") {
+    let hrefPath = "";
+
+    switch (link?.referenceType) {
+      case "projects":
+        hrefPath = `/projects/${link?.internalLink}`;
+        break;
+      case "commercial":
+        hrefPath = `/projects/commercial/${link?.internalLink}`;
+        break;
+      case "residential":
+        hrefPath = `/projects/residential/${link?.internalLink}`;
+        break;
+      case "landscape":
+        hrefPath = `/projects/landscape/${link?.internalLink}`;
+        break;
+      case "public":
+        hrefPath = `/projects/public/${link?.internalLink}`;
+        break;
+      case "teaching":
+        hrefPath = `/projects/teaching/${link?.internalLink}`;
+        break;
+      case "designInMotion":
+        hrefPath = `/projects/future-projects/${link?.internalLink}`;
+        break;
+      case "renovation":
+        hrefPath = `/projects/residential/renovation/${link?.internalLink}`;
+        break;
+      case "newConstruction":
+        hrefPath = `/projects/residential/new-construction/${link?.internalLink}`;
+        break;
+      case "ourTeam":
+        hrefPath = `/our-team/${link?.internalLink}`;
+        break;
+      case "recognition":
+        hrefPath = `/recognition/${link?.internalLink}`;
+        break;
+
+      default:
+        hrefPath = `/${link?.internalLink}`;
+    }
+
+    return (
+      <Link
+        href={hrefPath}
+        aria-label={ariaLabel}
+        className={className ?? defaultStyle}
+        //style={style}
+        target={target}>
+        {children}
+      </Link>
+    );
+  } else if (link?.type === "linkExternal" || link?.linkType === "linkExternal") {
+    return (
+      <a
+        aria-label={ariaLabel}
+        className={className ?? defaultStyle}
+        //style={style}
+        href={link?.externalLink ?? ""}
+        target={target}
+        rel={link?.linkTarget === "_blank" ? "noopener noreferrer" : undefined}>
+        {children}
+      </a>
+    );
+  } else {
+    return (
+      <Link
+        href="/"
+        aria-label={ariaLabel}
+        className={className ?? defaultStyle}
+        //style={style}
+        target={target}>
+        {children}
+      </Link>
+    );
+  }
+};

package/src/types.ts

@@ -1,5 +1,5 @@
 import { PortableTextComponents } from "@portabletext/react";
-import { ButtonProps } from "./header";
+import { ButtonProps } from ".";
 
 export type StyleVariants<T extends string> = Record<T, string>;
 
@@ -9,6 +9,75 @@ export interface MainImage {
   alt?: string;
 }
 
+
+export interface MegaMenu {
+  _type: string;
+  showcaseLink?: ShowcaseLink[];
+  links?: MegaMenuLink[];
+  _key: string;
+  title?: string;
+  groupOfLinks?: GroupOfLink[];
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  url?: string;
+  linkExternal?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Logos {
+  logo: Logo[];
+}
+
+export interface GroupOfLink {
+  _type: string;
+  links: GroupOfLinkRoot[];
+  _key: string;
+  title: string;
+  primaryButton: LabeledRouteWithKey;
+}
+
+export interface GroupOfLinkRoot {
+  title: string;
+  _type: string;
+  label?: string;
+  links: LabeledRouteWithKey[];
+  _key: string;
+}
+export interface MegaMenu {
+  _type: string;
+  showcaseLink?: ShowcaseLink[];
+  links?: MegaMenuLink[];
+  _key: string;
+  title?: string;
+  groupOfLinks?: GroupOfLink[];
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  url?: string;
+}
+
+export interface ShowcaseLink {
+  mainImage: MainImage;
+  _type: string;
+  primaryButton: LabeledRouteWithKey;
+  _key: string;
+}
+
+export interface MegaMenuLink {
+  _key: string;
+  title: string;
+  _type: string;
+  links: LabeledRouteWithKey[];
+  primaryButton: LabeledRouteWithKey;
+  label: string;
+}
+
 export interface LabeledRoute extends ConditionalLink {
   ariaLabel?: string;
   label?: string;
@@ -16,6 +85,10 @@ export interface LabeledRoute extends ConditionalLink {
   linkType?: string;
   _type?: string;
   linkInternal?: any;
+  linkExternal?: any;
+  referenceType?: string;
+  multipleRoutes?: LabeledRouteWithKey[];
+  multipleInnerRoutes?: LabeledRouteWithKey[];
 }
 export interface ConditionalLink {
   type?: string;
@@ -31,10 +104,15 @@ export interface StatItems {
   _type?: string;
 }
 
-export interface Logo extends ConditionalLink {
+export interface Logo {
   alt?: string;
   linkTarget?: string;
   image?: string;
+  type?: string;
+  internalLink?: string;
+  externalLink?: string;
+  linkExternal?: string;
+  linkInternal?: string;
 }
 
 export interface Images {
@@ -66,6 +144,17 @@ export interface SocialLink {
 
 export interface LabeledRouteWithKey extends LabeledRoute {
   _key?: string;
+  image?: string;
+  alt?: string;
+  multipleRoutes?: LabeledRouteWithKey[];
+  featuredRoute?: {
+    featuredLink: LabeledRoute;
+    mainImage: {
+      image: string;
+      alt: string;
+    };
+  };
+  routeType?: string;
 }
 
 export interface ArrayOfImageTitleAndText {
@@ -205,13 +294,17 @@ export interface Sections extends SanityBody {
 export interface Variants {
   template?: Template;
   multipleMenus?: any;
+  multipleLinks?: any;
+  megaMenu?: MegaMenu[];
   arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
   logo?: Logo | null;
-  imageSrc?: string | null;
+  logos?: Logos[] | null;
   primaryButton?: LabeledRoute | null;
   secondaryButton?: LabeledRoute | null;
   routes?: LabeledRouteWithKey[] | null;
   menu?: LabeledRouteWithKey[] | null;
+  dropdownMenu?: LabeledRouteWithKey[] | null;
+  iconLinks?: LabeledRouteWithKey[] | null;
   plans?: Plans[] | null;
   formLinks?: LabeledRouteWithKey[] | null;
   portfolios?: Portfolios[] | null;
@@ -236,6 +329,7 @@ export interface Variants {
   contactEmail?: string | null;
   contactNumber?: string | null;
   socialLinks?: SocialLink[] | null;
+  socialMedia?: SocialLink[] | null;
   block?: any;
   heading?: string | null;
   acceptButtonLabel?: string | null;
@@ -450,3 +544,42 @@ export declare interface Reference {
 export type MyPortableTextComponents = PortableTextComponents & {
   code?: ({ value }: { value: { language?: string; code?: string } }) => JSX.Element;
 };
+
+export interface ConditionalLinkTypes {
+  className?: string;
+  ariaLabel: string; // required for A11Y
+  style?: any;
+  children: string | React.ReactNode;
+  link: LabeledRoute | LabeledRouteWithKey | undefined;
+  target?: string;
+}
+
+export interface IconLink {
+  _key: string;
+  image: string;
+  alt?: string;
+  linkExternal: string;
+  linkTarget?: "_blank" | "_self";
+}
+export interface HeaderBox extends HeaderSections {
+  isImageLeft?: boolean;
+  isFullWidth?: boolean;
+  index?: number;
+  isOrdered?: boolean;
+}
+
+export interface HeaderSections {
+  _key: string;
+  title?: string;
+  subtitle?: string;
+  description?: string;
+  mainImage?: {
+    image: any;
+    alt?: string;
+  };
+  imageTitle?: any;
+  alignment?: string;
+  imageHeight?: "sm" | "md" | "lg";
+  columnContent?: any;
+  primaryButton?: ButtonProps;
+}

package/dist/chunk-BK26DQRD.mjs

@@ -1 +0,0 @@
-import{a as v}from"./chunk-W2QPS3BW.mjs";import{PortableText as y}from"@portabletext/react";import{Button as H}from"@stackshift-ui/button";import{Flex as N}from"@stackshift-ui/flex";import{Heading as w}from"@stackshift-ui/heading";import{Image as B}from"@stackshift-ui/image";import{Section as T}from"@stackshift-ui/section";import{Text as x}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as I}from"react-icons/lia";import{Link as L}from"@stackshift-ui/link";import{buildSanityLink as $}from"@stackshift-ui/system";import{jsx as l,jsxs as o}from"react/jsx-runtime";var r={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 S({title:t,subtitle:i,subtitlePosition:n,headerSections:s,isFullWidth:g,spacing:c,isOrdered:b,startingPosition:u}){return l(T,{className:`relative pb-14 bg-white ${n==="top"&&"mt-[32px]"}`,children:o("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${g?"":"max-w-[1548px] px-4"}`,children:[(t||i)&&l(F,{title:t,subtitle:i,subtitlePosition:n}),l(N,{className:"flex-col",style:{gap:`${c}px`},children:s==null?void 0:s.map((m,p)=>{let f=u==="left"?p%2===0:p%2!==0;return m.isImageLeft=f,m.isFullWidth=g,m.index=p+1,m.isOrdered=b,l(E,{header:m,isImageLeft:f},m._key)})})]})})}var F=({title:t,subtitle:i,subtitlePosition:n})=>o(N,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[n==="top"&&i&&l(x,{className:"font-label tracking-[2.1px]",children:i}),t&&l(x,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),n==="bottom"&&i?l(x,{className:"font-label tracking-[2.1px]",children:i}):!n&&l(x,{className:"font-label tracking-[2.1px]",children:i})]}),j=({image:t,height:i})=>l("div",{className:`relative w-full ${i?r[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),_=({header:t})=>{var i;return l("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:o("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(C,{header:t}),(t==null?void 0:t.description)&&l(x,{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(y,{value:t==null?void 0:t.columnContent,components:v({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(A,{header:t})]})})},C=({header:t})=>o("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(x,{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})}),o("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&l(x,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&l(w,{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)&&o("div",{className:"relative w-fit",children:[l(B,{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"})]})]})]}),A=({header:t})=>{var n,s,g,c,b,u,m,p,f,k,a;let i=$({type:"linkInternal",internalLink:((s=(n=t==null?void 0:t.primaryButton)==null?void 0:n.link)==null?void 0:s.target)==="_self"?(c=(g=t==null?void 0:t.primaryButton)==null?void 0:g.link)==null?void 0:c.route:"",externalLink:((u=(b=t==null?void 0:t.primaryButton)==null?void 0:b.link)==null?void 0:u.target)!="_self"?(p=(m=t==null?void 0:t.primaryButton)==null?void 0:m.link)==null?void 0:p.route:""});return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((f=t==null?void 0:t.primaryButton)==null?void 0:f.label)&&l(H,{variant:"link","aria-label":(k=t==null?void 0:t.primaryButton)==null?void 0:k.label,className:"border border-black px-14 py-3.5 text-sm",asChild:!0,children:l(L,{href:i.href,target:i.target,rel:i.rel,children:o("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(a=t==null?void 0:t.primaryButton)==null?void 0:a.label," ",l(I,{})]})})})})},E=({header:t,isImageLeft:i})=>{var n;return o("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:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&l(j,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(_,{header:t})})]})};export{S as a};

package/dist/chunk-EJ4QPSAH.mjs

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

package/dist/chunk-EQ2IKL2P.mjs

@@ -1 +0,0 @@
-import{Button as w}from"@stackshift-ui/button";import{Container as v}from"@stackshift-ui/container";import{Flex as t}from"@stackshift-ui/flex";import{Heading as N}from"@stackshift-ui/heading";import{Link as p}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{buildSanityLink as c}from"@stackshift-ui/system";import{jsx as i,jsxs as g}from"react/jsx-runtime";function P({videoLink:e,title:l,primaryButton:f,secondaryButton:b}){let a;return e&&(e.includes("embed")?a=e.split("/")[4]:a=e.split("/watch?v=")[1]||e.split("/")[3]),i(L,{className:"py-20 md:py-52 bg-background",children:g(v,{maxWidth:1280,children:[g("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&i(N,{fontSize:"3xl",className:"mb-10",children:l}),i(_,{primaryButton:f,secondaryButton:b})]}),i("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:a&&i(S,{videoLinkId:a,title:l})})]})})}function S({videoLinkId:e,title:l}){return i("div",{className:"aspect-video",children:i("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 _({primaryButton:e,secondaryButton:l}){var a,s,m,h,x,d,k,r;let f=c({type:"linkInternal",internalLink:((a=e==null?void 0:e.link)==null?void 0:a.target)==="_self"?(s=e==null?void 0:e.link)==null?void 0:s.route:"",externalLink:((m=e==null?void 0:e.link)==null?void 0:m.target)!="_self"?(h=e==null?void 0:e.link)==null?void 0:h.route:""}),b=c({type:"linkInternal",internalLink:((x=l==null?void 0:l.link)==null?void 0:x.target)==="_self"?(d=l==null?void 0:l.link)==null?void 0:d.route:"",externalLink:((k=l==null?void 0:l.link)==null?void 0:k.target)!="_self"?(r=l==null?void 0:l.link)==null?void 0:r.route:""});return g(t,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&i(w,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:i(p,{href:f.href,target:f.target,rel:f.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&i(w,{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:i(p,{href:b.href,target:b.target,rel:b.rel,children:l==null?void 0:l.label})})]})}export{P as a};

package/dist/chunk-GWCAKTWK.mjs

@@ -1 +0,0 @@
-import{Button as I}from"@stackshift-ui/button";import{Container as P}from"@stackshift-ui/container";import{Flex as N}from"@stackshift-ui/flex";import{Heading as _}from"@stackshift-ui/heading";import{Image as t}from"@stackshift-ui/image";import{Link as j}from"@stackshift-ui/link";import{Section as m}from"@stackshift-ui/section";import{buildSanityLink as H}from"@stackshift-ui/system";import{Text as C}from"@stackshift-ui/text";import S from"react";import{jsx as d,jsxs as x}from"react/jsx-runtime";function $({images:l,title:e,description:r,primaryButton:f,secondaryButton:b}){return d(m,{className:"relative z-10 py-20 bg-background",children:d(P,{maxWidth:1280,children:x(N,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[d(N,{align:"center",direction:"col",className:"w-full basis-1/2",children:x("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[d(T,{title:e,description:r}),d(R,{primaryButton:f,secondaryButton:b})]})}),l&&d(A,{images:l})]})})})}function T({title:l,description:e}){return x(S.Fragment,{children:[l&&d(_,{fontSize:"3xl",className:"mb-3",children:l}),e&&d(C,{muted:!0,className:"my-6",children:e})]})}function R({primaryButton:l,secondaryButton:e}){var b,h,i,v,n,k,w,c;let r=H({type:"linkInternal",internalLink:((b=l==null?void 0:l.link)==null?void 0:b.target)==="_self"?(h=l==null?void 0:l.link)==null?void 0:h.route:"",externalLink:((i=l==null?void 0:l.link)==null?void 0:i.target)!="_self"?(v=l==null?void 0:l.link)==null?void 0:v.route:""}),f=H({type:"linkInternal",internalLink:((n=e==null?void 0:e.link)==null?void 0:n.target)==="_self"?(k=e==null?void 0:e.link)==null?void 0:k.route:"",externalLink:((w=e==null?void 0:e.link)==null?void 0:w.target)!="_self"?(c=e==null?void 0:e.link)==null?void 0:c.route:""});return x(N,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(l==null?void 0:l.label)&&d(I,{variant:"default","aria-label":l==null?void 0:l.label,asChild:!0,children:d(j,{href:r.href,target:r.target,rel:r.rel,children:l==null?void 0:l.label})}),(e==null?void 0:e.label)&&d(I,{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(j,{href:f.href,target:f.target,rel:f.rel,children:e==null?void 0:e.label})})]})}function A({images:l}){var e,r,f,b,h,i,v,n,k,w,c,o,L,a,z,F;return l?x("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[x("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(t,{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:(b=(f=l==null?void 0:l[0])==null?void 0:f.alt)!=null?b:"header-image-1"}),((h=l==null?void 0:l[1])==null?void 0:h.image)&&d(t,{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:`${(i=l==null?void 0:l[1])==null?void 0:i.image}`,width:1050,height:701,alt:(n=(v=l==null?void 0:l[1])==null?void 0:v.alt)!=null?n:"header-image-2"})]}),x("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((k=l==null?void 0:l[2])==null?void 0:k.image)&&d(t,{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:(o=(c=l==null?void 0:l[2])==null?void 0:c.alt)!=null?o:"header-image-3"}),((L=l==null?void 0:l[3])==null?void 0:L.image)&&d(t,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(a=l==null?void 0:l[3])==null?void 0:a.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}export{$ as a};

package/dist/chunk-KTNFPZEI.mjs

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

package/dist/chunk-T5ODG4Q5.mjs

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

package/dist/chunk-TGXSJZFD.mjs

@@ -1 +0,0 @@
-import{lazy as n}from"react";import{jsx as J}from"react/jsx-runtime";var D={variant_a:n(()=>import("./header_a.mjs")),variant_b:n(()=>import("./header_b.mjs")),variant_c:n(()=>import("./header_c.mjs")),variant_d:n(()=>import("./header_d.mjs")),variant_e:n(()=>import("./header_e.mjs")),variant_f:n(()=>import("./header_f.mjs")),variant_g:n(()=>import("./header_g.mjs"))},E="Header",G=({data:i})=>{var s,o,t,m,u,p,f,l,g,v,c,b,y,P,I,h,B,L,k,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C,q,w;let e=i==null?void 0:i.variant,r=e&&D[e],A={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(m=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?m:void 0,mediaItems:(p=(u=i==null?void 0:i.variants)==null?void 0:u.mediaItems)!=null?p:void 0,title:(l=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?l:void 0,subtitle:(v=(g=i==null?void 0:i.variants)==null?void 0:g.subtitle)!=null?v:void 0,description:(b=(c=i==null?void 0:i.variants)==null?void 0:c.description)!=null?b:void 0,primaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.primaryButton)!=null?P:void 0,secondaryButton:(h=(I=i==null?void 0:i.variants)==null?void 0:I.secondaryButton)!=null?h:void 0,videoLink:(L=(B=i==null?void 0:i.variants)==null?void 0:B.youtubeLink)!=null?L:void 0,formLinks:(S=(k=i==null?void 0:i.variants)==null?void 0:k.formLinks)!=null?S:void 0,form:(F=(_=i==null?void 0:i.variants)==null?void 0:_.form)!=null?F:void 0,spacing:(W=(H=i==null?void 0:i.variants)==null?void 0:H.spacing)!=null?W:void 0,isOrdered:(O=(R=i==null?void 0:i.variants)==null?void 0:R.isOrdered)!=null?O:void 0,startingPosition:(x=(V=i==null?void 0:i.variants)==null?void 0:V.startingPosition)!=null?x:void 0,headerSections:(M=(K=i==null?void 0:i.variants)==null?void 0:K.headerSections)!=null?M:void 0,subtitlePosition:(T=(N=i==null?void 0:i.variants)==null?void 0:N.subtitlePosition)!=null?T:void 0,isFullWidth:(C=(z=i==null?void 0:i.variants)==null?void 0:z.isFullWidth)!=null?C:void 0,position:(w=(q=i==null?void 0:i.variants)==null?void 0:q.position)!=null?w:void 0};return r?J(r,{...A}):null};G.displayName=E;export{G as a};

package/dist/chunk-YONFC5QQ.mjs

@@ -1 +0,0 @@
-import{Button as H}from"@stackshift-ui/button";import{Flex as m}from"@stackshift-ui/flex";import{Heading as A}from"@stackshift-ui/heading";import{Link as P}from"@stackshift-ui/link";import{Section as F}from"@stackshift-ui/section";import{SwiperPagination as G}from"@stackshift-ui/swiper-pagination";import{buildSanityLink as $}from"@stackshift-ui/system";import{Text as I}from"@stackshift-ui/text";import{useEffect as T,useState as E}from"react";import{Fragment as D,jsx as i,jsxs as b}from"react/jsx-runtime";function q({mediaItems:f,title:a,description:c,primaryButton:e,secondaryButton:l,position:h="center"}){var N,L,t,S,j,n,C,_;if(!(f!=null&&f.length))return null;let[r,w]=E(0),k=f[r];T(()=>{let g=setInterval(()=>{w(s=>(s+1)%f.length)},5e3);return()=>clearInterval(g)},[f.length]);let z=g=>{w(g)},d=()=>{switch(h){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}},v=$({type:"linkInternal",internalLink:((N=e==null?void 0:e.link)==null?void 0:N.target)==="_self"?(L=e==null?void 0:e.link)==null?void 0:L.route:"",externalLink:((t=e==null?void 0:e.link)==null?void 0:t.target)!="_self"?(S=e==null?void 0:e.link)==null?void 0:S.route:""}),x=$({type:"linkInternal",internalLink:((j=l==null?void 0:l.link)==null?void 0:j.target)==="_self"?(n=l==null?void 0:l.link)==null?void 0:n.route:"",externalLink:((C=l==null?void 0:l.link)==null?void 0:C.target)!="_self"?(_=l==null?void 0:l.link)==null?void 0:_.route:""});return i(F,{children:b("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[k.video?i("video",{className:"absolute inset-0 w-full h-full object-cover",src:k.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):i("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${k.image})`}}),i("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),i("div",{className:`relative z-10 flex p-8 justify-${h==="right"?"end":h} items-center h-full`,children:b("div",{className:`max-w-[600px] flex flex-col justify-center ${d()} px-4`,children:[i(A,{className:"text-white uppercase mb-10",children:a!=null&&a.includes("Introducing")?b(D,{children:[i("span",{className:"md:text-3xl text-2xl",children:a.split(" ").slice(0,1).join(" ")}),i("br",{}),i("span",{children:a.split(" ").slice(1).join(" ")})]}):a}),c&&i(I,{className:"text-white mb-10",children:c}),b(m,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&i(H,{variant:"default","aria-label":e==null?void 0:e.label,asChild:!0,children:i(P,{href:v.href,target:v.target,rel:v.rel,children:e==null?void 0:e.label})}),(l==null?void 0:l.label)&&i(H,{variant:"secondary",className:"bg-white border hover:bg-gray-300 inline-block font-default text-default transition duration-200 rounded-global","aria-label":l==null?void 0:l.label,asChild:!0,children:i(P,{href:x.href,target:x.target,rel:x.rel,children:l==null?void 0:l.label})})]})]})}),i("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:f.map((g,s)=>i(G,{colorScheme:"white",isActive:s===r,onClick:()=>z(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}export{q as a};