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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/package.json +14 -14
  2. package/src/header.tsx +22 -15
  3. package/src/header_a.tsx +6 -30
  4. package/src/header_b.tsx +6 -31
  5. package/src/header_c.tsx +7 -36
  6. package/src/header_d.tsx +6 -30
  7. package/src/header_e.tsx +6 -30
  8. package/src/header_f.tsx +2 -8
  9. package/src/header_g.tsx +3 -11
  10. package/src/helpers/index.tsx +130 -0
  11. package/src/types.ts +136 -3
  12. package/dist/chunk-5DSFRN7E.mjs +0 -1
  13. package/dist/chunk-7SQGIFHM.mjs +0 -1
  14. package/dist/chunk-DN6UM2LP.mjs +0 -1
  15. package/dist/chunk-IZSK2OAC.mjs +0 -1
  16. package/dist/chunk-KCZJVXVR.mjs +0 -1
  17. package/dist/chunk-LA2DIHLF.mjs +0 -1
  18. package/dist/chunk-O23POPQC.mjs +0 -1
  19. package/dist/chunk-PPCMCZ5V.mjs +0 -1
  20. package/dist/chunk-W2QPS3BW.mjs +0 -1
  21. package/dist/header.d.ts +0 -34
  22. package/dist/header.js +0 -1
  23. package/dist/header.mjs +0 -1
  24. package/dist/header_a.d.ts +0 -3
  25. package/dist/header_a.js +0 -1
  26. package/dist/header_a.mjs +0 -1
  27. package/dist/header_b.d.ts +0 -3
  28. package/dist/header_b.js +0 -1
  29. package/dist/header_b.mjs +0 -1
  30. package/dist/header_c.d.ts +0 -3
  31. package/dist/header_c.js +0 -1
  32. package/dist/header_c.mjs +0 -1
  33. package/dist/header_d.d.ts +0 -3
  34. package/dist/header_d.js +0 -1
  35. package/dist/header_d.mjs +0 -1
  36. package/dist/header_e.d.ts +0 -3
  37. package/dist/header_e.js +0 -1
  38. package/dist/header_e.mjs +0 -1
  39. package/dist/header_f.d.ts +0 -3
  40. package/dist/header_f.js +0 -1
  41. package/dist/header_f.mjs +0 -1
  42. package/dist/header_g.d.ts +0 -3
  43. package/dist/header_g.js +0 -1
  44. package/dist/header_g.mjs +0 -1
  45. package/dist/index.d.ts +0 -8
  46. package/dist/index.js +0 -2
  47. package/dist/index.mjs +0 -2
  48. package/dist/types.d.ts +0 -403
  49. package/dist/types.js +0 -1
  50. package/dist/utils/portableText/customBlockStyle.d.ts +0 -2
  51. package/dist/utils/portableText/customBlockStyle.js +0 -1
  52. package/dist/utils/portableText/customBlockStyle.mjs +0 -1
  53. package/dist/utils/portableText.d.ts +0 -0
  54. package/dist/utils/portableText.js +0 -1
package/src/types.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { PortableTextComponents } from "@portabletext/react";
2
- import { ButtonProps } from "./header";
2
+ import { ButtonProps } from ".";
3
3
 
4
4
  export type StyleVariants<T extends string> = Record<T, string>;
5
5
 
@@ -9,6 +9,75 @@ export interface MainImage {
9
9
  alt?: string;
10
10
  }
11
11
 
12
+
13
+ export interface MegaMenu {
14
+ _type: string;
15
+ showcaseLink?: ShowcaseLink[];
16
+ links?: MegaMenuLink[];
17
+ _key: string;
18
+ title?: string;
19
+ groupOfLinks?: GroupOfLink[];
20
+ label?: string;
21
+ linkTarget?: string;
22
+ linkType?: string;
23
+ url?: string;
24
+ linkExternal?: string;
25
+ }
26
+
27
+ export interface Logo extends ConditionalLink {
28
+ alt?: string;
29
+ linkTarget?: string;
30
+ image?: string;
31
+ }
32
+
33
+ export interface Logos {
34
+ logo: Logo[];
35
+ }
36
+
37
+ export interface GroupOfLink {
38
+ _type: string;
39
+ links: GroupOfLinkRoot[];
40
+ _key: string;
41
+ title: string;
42
+ primaryButton: LabeledRouteWithKey;
43
+ }
44
+
45
+ export interface GroupOfLinkRoot {
46
+ title: string;
47
+ _type: string;
48
+ label?: string;
49
+ links: LabeledRouteWithKey[];
50
+ _key: string;
51
+ }
52
+ export interface MegaMenu {
53
+ _type: string;
54
+ showcaseLink?: ShowcaseLink[];
55
+ links?: MegaMenuLink[];
56
+ _key: string;
57
+ title?: string;
58
+ groupOfLinks?: GroupOfLink[];
59
+ label?: string;
60
+ linkTarget?: string;
61
+ linkType?: string;
62
+ url?: string;
63
+ }
64
+
65
+ export interface ShowcaseLink {
66
+ mainImage: MainImage;
67
+ _type: string;
68
+ primaryButton: LabeledRouteWithKey;
69
+ _key: string;
70
+ }
71
+
72
+ export interface MegaMenuLink {
73
+ _key: string;
74
+ title: string;
75
+ _type: string;
76
+ links: LabeledRouteWithKey[];
77
+ primaryButton: LabeledRouteWithKey;
78
+ label: string;
79
+ }
80
+
12
81
  export interface LabeledRoute extends ConditionalLink {
13
82
  ariaLabel?: string;
14
83
  label?: string;
@@ -16,6 +85,10 @@ export interface LabeledRoute extends ConditionalLink {
16
85
  linkType?: string;
17
86
  _type?: string;
18
87
  linkInternal?: any;
88
+ linkExternal?: any;
89
+ referenceType?: string;
90
+ multipleRoutes?: LabeledRouteWithKey[];
91
+ multipleInnerRoutes?: LabeledRouteWithKey[];
19
92
  }
20
93
  export interface ConditionalLink {
21
94
  type?: string;
@@ -31,10 +104,15 @@ export interface StatItems {
31
104
  _type?: string;
32
105
  }
33
106
 
34
- export interface Logo extends ConditionalLink {
107
+ export interface Logo {
35
108
  alt?: string;
36
109
  linkTarget?: string;
37
110
  image?: string;
111
+ type?: string;
112
+ internalLink?: string;
113
+ externalLink?: string;
114
+ linkExternal?: string;
115
+ linkInternal?: string;
38
116
  }
39
117
 
40
118
  export interface Images {
@@ -66,6 +144,17 @@ export interface SocialLink {
66
144
 
67
145
  export interface LabeledRouteWithKey extends LabeledRoute {
68
146
  _key?: string;
147
+ image?: string;
148
+ alt?: string;
149
+ multipleRoutes?: LabeledRouteWithKey[];
150
+ featuredRoute?: {
151
+ featuredLink: LabeledRoute;
152
+ mainImage: {
153
+ image: string;
154
+ alt: string;
155
+ };
156
+ };
157
+ routeType?: string;
69
158
  }
70
159
 
71
160
  export interface ArrayOfImageTitleAndText {
@@ -205,13 +294,17 @@ export interface Sections extends SanityBody {
205
294
  export interface Variants {
206
295
  template?: Template;
207
296
  multipleMenus?: any;
297
+ multipleLinks?: any;
298
+ megaMenu?: MegaMenu[];
208
299
  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
209
300
  logo?: Logo | null;
210
- imageSrc?: string | null;
301
+ logos?: Logos[] | null;
211
302
  primaryButton?: LabeledRoute | null;
212
303
  secondaryButton?: LabeledRoute | null;
213
304
  routes?: LabeledRouteWithKey[] | null;
214
305
  menu?: LabeledRouteWithKey[] | null;
306
+ dropdownMenu?: LabeledRouteWithKey[] | null;
307
+ iconLinks?: LabeledRouteWithKey[] | null;
215
308
  plans?: Plans[] | null;
216
309
  formLinks?: LabeledRouteWithKey[] | null;
217
310
  portfolios?: Portfolios[] | null;
@@ -236,6 +329,7 @@ export interface Variants {
236
329
  contactEmail?: string | null;
237
330
  contactNumber?: string | null;
238
331
  socialLinks?: SocialLink[] | null;
332
+ socialMedia?: SocialLink[] | null;
239
333
  block?: any;
240
334
  heading?: string | null;
241
335
  acceptButtonLabel?: string | null;
@@ -450,3 +544,42 @@ export declare interface Reference {
450
544
  export type MyPortableTextComponents = PortableTextComponents & {
451
545
  code?: ({ value }: { value: { language?: string; code?: string } }) => JSX.Element;
452
546
  };
547
+
548
+ export interface ConditionalLinkTypes {
549
+ className?: string;
550
+ ariaLabel: string; // required for A11Y
551
+ style?: any;
552
+ children: string | React.ReactNode;
553
+ link: LabeledRoute | LabeledRouteWithKey | undefined;
554
+ target?: string;
555
+ }
556
+
557
+ export interface IconLink {
558
+ _key: string;
559
+ image: string;
560
+ alt?: string;
561
+ linkExternal: string;
562
+ linkTarget?: "_blank" | "_self";
563
+ }
564
+ export interface HeaderBox extends HeaderSections {
565
+ isImageLeft?: boolean;
566
+ isFullWidth?: boolean;
567
+ index?: number;
568
+ isOrdered?: boolean;
569
+ }
570
+
571
+ export interface HeaderSections {
572
+ _key: string;
573
+ title?: string;
574
+ subtitle?: string;
575
+ description?: string;
576
+ mainImage?: {
577
+ image: any;
578
+ alt?: string;
579
+ };
580
+ imageTitle?: any;
581
+ alignment?: string;
582
+ imageHeight?: "sm" | "md" | "lg";
583
+ columnContent?: any;
584
+ primaryButton?: ButtonProps;
585
+ }
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- import{Button as g}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as n}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as d}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import x from"react";import{Fragment as k,jsx as t,jsxs as i}from"react/jsx-runtime";function w({mainImage:e,title:l,description:s,primaryButton:r,secondaryButton:m}){return t(h,{className:"py-20 bg-background",children:t(c,{maxWidth:1280,children:i(n,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[t(n,{align:"center",direction:"col",className:"w-full basis-1/2",children:i("div",{className:"max-w-md text-center lg:text-left",children:[t(u,{title:l,description:s}),t(p,{primaryButton:r,secondaryButton:m})]})}),t(N,{mainImage:e})]})})})}function u({title:e,description:l}){return i(x.Fragment,{children:[e&&t(b,{fontSize:"3xl",className:"mb-3",children:e}),l&&t(f,{muted:!0,className:"my-6",children:l})]})}function p({primaryButton:e,secondaryButton:l}){return i(n,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&t(g,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&t(g,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function N({mainImage:e}){var l;return e!=null&&e.image?i("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[t(d,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),t(v,{})]}):null}function v(){return i(k,{children:[t(a,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),t(a,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),t(a,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),t(a,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function a({src:e,alt:l,className:s,style:r,width:m,height:o}){return t(d,{src:e,alt:l,className:s,style:r,width:m,height:o})}export{w as a};
@@ -1 +0,0 @@
1
- import{Button as o}from"@stackshift-ui/button";import{Container as t}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Section as p}from"@stackshift-ui/section";import{jsx as a,jsxs as s}from"react/jsx-runtime";function c({videoLink:e,title:l,primaryButton:m,secondaryButton:r}){let i;return e&&(e.includes("embed")?i=e.split("/")[4]:i=e.split("/watch?v=")[1]||e.split("/")[3]),a(p,{className:"py-20 md:py-52 bg-background",children:s(t,{maxWidth:1280,children:[s("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&a(d,{fontSize:"3xl",className:"mb-10",children:l}),a(g,{primaryButton:m,secondaryButton:r})]}),a("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:i&&a(f,{videoLinkId:i,title:l})})]})})}function f({videoLinkId:e,title:l}){return a("div",{className:"aspect-video",children:a("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function g({primaryButton:e,secondaryButton:l}){return s(b,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&a(o,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(o,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}export{c as a};
@@ -1 +0,0 @@
1
- import{Button as n}from"@stackshift-ui/button";import{Container as o}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as f}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as m}from"@stackshift-ui/section";import{Text as b}from"@stackshift-ui/text";import d from"react";import{jsx as a,jsxs as r}from"react/jsx-runtime";function x({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:c}){return a(m,{className:"py-20 bg-background",children:a(o,{maxWidth:1280,children:r(s,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[a(s,{align:"center",className:"w-full basis-1/2",direction:"col",children:r(o,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[a(p,{title:e,description:l}),a(h,{primaryButton:i,secondaryButton:t})]})}),a(N,{mainImage:c})]})})})}function p({title:e,description:l}){return r(d.Fragment,{children:[e?a(f,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?a(b,{className:"my-6",muted:!0,children:l}):null]})}function h({primaryButton:e,secondaryButton:l}){var i,t;return r(s,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?a(n,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?a(n,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function N({mainImage:e}){var l;return e!=null&&e.image?a("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:a(g,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}export{x as a};
@@ -1 +0,0 @@
1
- import{Button as z}from"@stackshift-ui/button";import{Container as F}from"@stackshift-ui/container";import{Flex as b}from"@stackshift-ui/flex";import{Heading as j}from"@stackshift-ui/heading";import{Image as c}from"@stackshift-ui/image";import{Section as H}from"@stackshift-ui/section";import{Text as P}from"@stackshift-ui/text";import I from"react";import{jsx as r,jsxs as d}from"react/jsx-runtime";function $({images:l,title:e,description:o,primaryButton:t,secondaryButton:n}){return r(H,{className:"relative z-10 py-20 bg-background",children:r(F,{maxWidth:1280,children:d(b,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[r(b,{align:"center",direction:"col",className:"w-full basis-1/2",children:d("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[r(S,{title:e,description:o}),r(T,{primaryButton:t,secondaryButton:n})]})}),l&&r(C,{images:l})]})})})}function S({title:l,description:e}){return d(I.Fragment,{children:[l&&r(j,{fontSize:"3xl",className:"mb-3",children:l}),e&&r(P,{muted:!0,className:"my-6",children:e})]})}function T({primaryButton:l,secondaryButton:e}){return d(b,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(l==null?void 0:l.label)&&r(z,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&r(z,{as:"link",link:e,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})]})}function C({images:l}){var e,o,t,n,f,x,v,h,w,a,i,m,N,p,u,k;return l?d("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[d("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((e=l==null?void 0:l[0])==null?void 0:e.image)&&r(c,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(o=l==null?void 0:l[0])==null?void 0:o.image}`,width:941,height:734,alt:(n=(t=l==null?void 0:l[0])==null?void 0:t.alt)!=null?n:"header-image-1"}),((f=l==null?void 0:l[1])==null?void 0:f.image)&&r(c,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(x=l==null?void 0:l[1])==null?void 0:x.image}`,width:1050,height:701,alt:(h=(v=l==null?void 0:l[1])==null?void 0:v.alt)!=null?h:"header-image-2"})]}),d("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((w=l==null?void 0:l[2])==null?void 0:w.image)&&r(c,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(a=l==null?void 0:l[2])==null?void 0:a.image}`,width:1050,height:701,alt:(m=(i=l==null?void 0:l[2])==null?void 0:i.alt)!=null?m:"header-image-3"}),((N=l==null?void 0:l[3])==null?void 0:N.image)&&r(c,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(p=l==null?void 0:l[3])==null?void 0:p.image}`,width:941,height:734,alt:(k=(u=l==null?void 0:l[3])==null?void 0:u.alt)!=null?k:"header-image-4"})]})]}):null}export{$ as a};
@@ -1 +0,0 @@
1
- import{Button as h}from"@stackshift-ui/button";import{Flex as p}from"@stackshift-ui/flex";import{Heading as u}from"@stackshift-ui/heading";import{Section as m}from"@stackshift-ui/section";import{SwiperPagination as d}from"@stackshift-ui/swiper-pagination";import{Text as w}from"@stackshift-ui/text";import{useEffect as N,useState as k}from"react";import{Fragment as j,jsx as e,jsxs as n}from"react/jsx-runtime";function S({mediaItems:t,title:r,description:f,primaryButton:l,secondaryButton:a,position:i="center"}){if(!(t!=null&&t.length))return null;let[b,x]=k(0),o=t[b];N(()=>{let c=setInterval(()=>{x(s=>(s+1)%t.length)},5e3);return()=>clearInterval(c)},[t.length]);let v=c=>{x(c)},g=()=>{switch(i){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return e(m,{children:n("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[o.video?e("video",{className:"absolute inset-0 w-full h-full object-cover",src:o.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):e("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${o.image})`}}),e("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),e("div",{className:`relative z-10 flex p-8 justify-${i==="right"?"end":i} items-center h-full`,children:n("div",{className:`max-w-[600px] flex flex-col justify-center ${g()} px-4`,children:[e(u,{className:"text-white uppercase mb-10",children:r!=null&&r.includes("Introducing")?n(j,{children:[e("span",{className:"md:text-3xl text-2xl",children:r.split(" ").slice(0,1).join(" ")}),e("br",{}),e("span",{children:r.split(" ").slice(1).join(" ")})]}):r}),f&&e(w,{className:"text-white mb-10",children:f}),n(p,{justify:i==="center"?"center":i==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(l==null?void 0:l.label)&&e(h,{as:"link",link:l,ariaLabel:l==null?void 0:l.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:l.label}),(a==null?void 0:a.label)&&e(h,{as:"link",link:a,variant:"solid",ariaLabel:a==null?void 0:a.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:a.label})]})]})}),e("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:t.map((c,s)=>e(d,{colorScheme:"white",isActive:s===b,onClick:()=>v(s),ariaLabel:`Go to slide ${s+1}`},s))})]})})}export{S as a};
@@ -1 +0,0 @@
1
- import{Button as s}from"@stackshift-ui/button";import{Container as r}from"@stackshift-ui/container";import{Flex as m}from"@stackshift-ui/flex";import{Heading as x}from"@stackshift-ui/heading";import{Section as n}from"@stackshift-ui/section";import{SigninSignup_A as c}from"@stackshift-ui/signin-signup";import{Text as b}from"@stackshift-ui/text";import d from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function p({title:e,description:l,primaryButton:f,secondaryButton:t,formLinks:o,form:g}){return i(n,{className:"relative py-20 bg-background",children:i(r,{maxWidth:1280,children:a(m,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[i(m,{align:"center",direction:"col",className:"w-full basis-1/2",children:a("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[i(N,{title:e,description:l}),i(v,{primaryButton:f,secondaryButton:t})]})}),i("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:i("div",{className:"max-w-sm mx-auto text-center",children:i(c,{form:g,formLinks:o})})})]})})})}function N({title:e,description:l}){return a(d.Fragment,{children:[e&&i(x,{fontSize:"3xl",className:"mb-3",children:e}),l&&i(b,{muted:!0,className:"my-6",children:l})]})}function v({primaryButton:e,secondaryButton:l}){return a(m,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&i(s,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&i(s,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}export{p as a};
@@ -1 +0,0 @@
1
- import{a as b}from"./chunk-W2QPS3BW.mjs";import{PortableText as k}from"@portabletext/react";import{Button as N}from"@stackshift-ui/button";import{Flex as u}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as w}from"@stackshift-ui/image";import{Section as y}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as T}from"react-icons/lia";import{jsx as l,jsxs as n}from"react/jsx-runtime";var B={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function $({title:t,subtitle:i,subtitlePosition:m,headerSections:x,isFullWidth:g,spacing:c,isOrdered:a,startingPosition:v}){return l(y,{className:`relative pb-14 bg-white ${m==="top"&&"mt-[32px]"}`,children:n("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${g?"":"max-w-[1548px] px-4"}`,children:[(t||i)&&l(I,{title:t,subtitle:i,subtitlePosition:m}),l(u,{className:"flex-col",style:{gap:`${c}px`},children:x==null?void 0:x.map((s,p)=>{let f=v==="left"?p%2===0:p%2!==0;return s.isImageLeft=f,s.isFullWidth=g,s.index=p+1,s.isOrdered=a,l(A,{header:s,isImageLeft:f},s._key)})})]})})}var I=({title:t,subtitle:i,subtitlePosition:m})=>n(u,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[m==="top"&&i&&l(o,{className:"font-label tracking-[2.1px]",children:i}),t&&l(o,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),m==="bottom"&&i?l(o,{className:"font-label tracking-[2.1px]",children:i}):!m&&l(o,{className:"font-label tracking-[2.1px]",children:i})]}),L=({image:t,height:i})=>l("div",{className:`relative w-full ${i?B[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),S=({header:t})=>{var i;return l("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:n("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&l(F,{header:t}),(t==null?void 0:t.description)&&l(o,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&l(k,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(j,{header:t})]})})},F=({header:t})=>n("div",{children:[(t==null?void 0:t.isOrdered)&&l("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:l(o,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),n("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&l(o,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&l(H,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&n("div",{className:"relative w-fit",children:[l(w,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),l("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),j=({header:t})=>{var i,m,x;return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(N,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(m=t==null?void 0:t.primaryButton)==null?void 0:m.label,className:"border border-black px-14 py-3.5 text-sm",children:n("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(x=t==null?void 0:t.primaryButton)==null?void 0:x.label," ",l(T,{})]})})})},A=({header:t,isImageLeft:i})=>{var m;return n("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${i?"":"md:flex-row-reverse"}`,children:[((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&l(L,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(S,{header:t})})]})};export{$ as a};
@@ -1 +0,0 @@
1
- import{jsx as o,jsxs as a}from"react/jsx-runtime";var c=({className:t})=>({block:{h1:e=>o("h1",{className:`h1 ${t}`,children:e.children}),h2:e=>o("h2",{className:`h2 ${t}`,children:e.children}),h3:e=>o("h3",{className:`h3 ${t}`,children:e.children}),h4:e=>o("h4",{className:`h4 ${t}`,children:e.children}),normal:e=>o("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:e.children}),blockquote:e=>a("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",e.children]})},code:e=>o("pre",{"data-language":e.value.language,className:t,children:o("code",{children:e.value.code})}),list:{bullet:e=>o("ul",{className:`pl-4 list-disc font-light ${t}`,children:e.children}),number:e=>o("ol",{className:`pl-4 list-decimal font-light ${t}`,children:e.children})},listItem:{bullet:e=>o("li",{className:`font-light ${t}`,children:e.children})},marks:{strong:e=>o("strong",{className:`font-bold ${t}`,children:e.children}),em:e=>o("em",{className:t,children:e.children}),code:e=>o("code",{className:t,children:e.children}),link:e=>{var l,r,n;return o("a",{"aria-label":(r=(l=e.children)==null?void 0:l.toString())!=null?r:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(n=e.value)==null?void 0:n.href,target:"_blank",rel:"noopener noreferrer",children:e.children})}},types:{image:e=>a("div",{className:`my-5 ${t}`,children:[o("img",{src:e.value.toString(),alt:e.value.alt||"Image",className:`w-full h-auto ${t}`}),e.value.caption&&o("p",{className:`text-center text-sm text-gray-600 ${t}`,children:e.value.caption})]})}});export{c as a};
package/dist/header.d.ts DELETED
@@ -1,34 +0,0 @@
1
- import React from "react";
2
- import { Form, HeaderSections, Images, LabeledRouteWithKey, MainImage, SectionsProps, Template } from "./types";
3
- export interface ButtonProps {
4
- as?: string;
5
- label?: string;
6
- link?: {
7
- target?: string;
8
- route?: string;
9
- };
10
- ariaLabel?: string;
11
- variant?: string;
12
- }
13
- export interface HeaderProps {
14
- template?: Template;
15
- mainImage?: MainImage;
16
- images?: Images[];
17
- mediaItems?: Images[];
18
- title?: string;
19
- subtitle?: string;
20
- description?: string;
21
- primaryButton?: ButtonProps;
22
- secondaryButton?: ButtonProps;
23
- videoLink?: string;
24
- formLinks?: LabeledRouteWithKey[];
25
- form?: Form;
26
- isFullWidth?: boolean;
27
- subtitlePosition?: "top" | "bottom";
28
- position?: "left" | "center" | "right";
29
- spacing?: number;
30
- isOrdered?: boolean;
31
- startingPosition?: "left" | "right";
32
- headerSections?: HeaderSections[];
33
- }
34
- export declare const Header: React.FC<SectionsProps>;
package/dist/header.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},ue=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},ue(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>ue(I({},"__esModule",{value:!0}),e);var Te={};P(Te,{Header_A:()=>Pe,default:()=>Pe});function Pe({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Ne.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.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,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[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"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{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 z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,de,_,ve,q,we,ke,Ne,r,he=N(()=>{"use strict";A=require("@stackshift-ui/button"),de=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ve=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),we=require("@stackshift-ui/section"),ke=require("@stackshift-ui/text"),Ne=L(require("react")),r=require("react/jsx-runtime")});var Le={};P(Le,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)($e.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(D.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,p,u,w,k,f,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:q-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=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"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:q-2 sm:w-2/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(p=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.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:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(f=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?f:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-xl sm:q-2 sm:w-1/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var D,de,_,ve,q,we,$e,Ce,r,ze=N(()=>{"use strict";D=require("@stackshift-ui/button"),Ce=L(require("react"))});var Ae={};P(Ae,{Header_C:()=>We,default:()=>We});function We({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,r.jsx)(we.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(de.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-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 Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var E,de,_,ve,we,r,qe=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Je={};P(Je,{Header_D:()=>Ke,default:()=>Ke});function Ke({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(de.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(Ve.default.Fragment,{children:[e?(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ke.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(G.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.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 G,de,_,ve,q,we,ke,Ve,r,Xe=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ve=L(require("react"))});var ll={};P(ll,{Header_E:()=>el,default:()=>el});function el({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(we.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Ze.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(Be.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(V.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var V,de,_,ve,we,Ze,ke,Be,r,tl=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ze=require("@stackshift-ui/signin-signup"),Be=L(require("react"))});var a,il,ol=N(()=>{"use strict";a=require("react/jsx-runtime"),il=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.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,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("we",{className:`pl-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"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,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var gl={};P(gl,{Header_F:()=>xl,default:()=>xl});function xl({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(we.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((p,u)=>{let w=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=w,p.isFullWidth=o,p.index=u+1,p.isOrdered=d,(0,n.jsx)(Yl,{header:p,isImageLeft:w},p._key)})})]})})}var nl,rl,_,ve,q,we,ke,cl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,pl=N(()=>{"use strict";nl=require("@portabletext/react"),rl=require("@stackshift-ui/button"),cl=require("react-icons/lia");ol();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] xl:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({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)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ke.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-r border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({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] W-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)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ke.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(nl.PortableText,{value:e==null?void 0:e.columnContent,components:il({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({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)(ke.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)(ke.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)(ve.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-r 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)(q.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-r border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(rl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-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)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var kl={};P(kl,{Header_G:()=>wl,default:()=>wl});function wl({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),p=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(f=>(f+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(we.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ve.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(ke.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(J.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(J.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,f)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:f===d,onClick:()=>u(f),ariaLabel:`Go to slide ${f+1}`},f))})]})})}var J,_,ve,we,dl,ke,W,r,Nl=N(()=>{"use strict";J=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(he(),Te))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(ze(),Le))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(qe(),Ae))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Xe(),Je))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(tl(),ll))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(pl(),gl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(Nl(),kl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,p,u,w,k,f,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,ge,pe,be,fe;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(f=e==null?void 0:e.variants)==null?void 0:f.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?X:void 0,secondaryButton:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.secondaryButton)!=null?U:void 0,videoLink:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.youtubeLink)!=null?Z:void 0,formLinks:(B=(y=e==null?void 0:e.variants)==null?void 0:y.formLinks)!=null?B:void 0,form:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.form)!=null?le:void 0,spacing:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.spacing)!=null?ie:void 0,isOrdered:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.isOrdered)!=null?ne:void 0,startingPosition:(se=(re=e==null?void 0:e.variants)==null?void 0:re.startingPosition)!=null?se:void 0,headerSections:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.headerSections)!=null?ae:void 0,subtitlePosition:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.subtitlePosition)!=null?xe:void 0,isFullWidth:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.isFullWidth)!=null?pe:void 0,position:(fe=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?fe:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;0&&(module.exports={Header});
package/dist/header.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-5DSFRN7E.mjs";export{a as Header};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_A({ mainImage, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
- export { Header_A };
package/dist/header_a.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var p=Object.create;var r=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var i in l)r(e,i,{get:l[i],enumerable:!0})},o=(e,l,i,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of v(l))!I.call(e,a)&&a!==i&&r(e,a,{get:()=>l[a],enumerable:!(s=N(l,a))||s.enumerable});return e};var z=(e,l,i)=>(i=e!=null?p(k(e)):{},o(l||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),F=e=>o(r({},"__esModule",{value:!0}),e);var M={};P(M,{Header_A:()=>w,default:()=>w});module.exports=F(M);var g=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),b=require("@stackshift-ui/heading"),d=require("@stackshift-ui/image"),h=require("@stackshift-ui/section"),f=require("@stackshift-ui/text"),x=z(require("react")),t=require("react/jsx-runtime");function w({mainImage:e,title:l,description:i,primaryButton:s,secondaryButton:a}){return(0,t.jsx)(h.Section,{className:"py-20 bg-background",children:(0,t.jsx)(c.Container,{maxWidth:1280,children:(0,t.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,t.jsx)(n.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,t.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,t.jsx)(H,{title:l,description:i}),(0,t.jsx)(S,{primaryButton:s,secondaryButton:a})]})}),(0,t.jsx)(q,{mainImage:e})]})})})}function H({title:e,description:l}){return(0,t.jsxs)(x.default.Fragment,{children:[e&&(0,t.jsx)(b.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,t.jsx)(f.Text,{muted:!0,className:"my-6",children:l})]})}function S({primaryButton:e,secondaryButton: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)(g.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,t.jsx)(g.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function q({mainImage:e}){var l;return e!=null&&e.image?(0,t.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,t.jsx)(d.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:(l=e.alt)!=null?l:"header-main-image"}),(0,t.jsx)(C,{})]}):null}function C(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(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}),(0,t.jsx)(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}),(0,t.jsx)(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}),(0,t.jsx)(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:i,style:s,width:a,height:u}){return(0,t.jsx)(d.Image,{src:e,alt:l,className:i,style:s,width:a,height:u})}0&&(module.exports={Header_A});
package/dist/header_a.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-7SQGIFHM.mjs";export{a as Header_A,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_B({ images, title, description, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
- export { Header_B };
package/dist/header_b.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var T=Object.create;var c=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var A=(l,e)=>{for(var d in e)c(l,d,{get:e[d],enumerable:!0})},F=(l,e,d,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of L(e))!s.call(l,o)&&o!==d&&c(l,o,{get:()=>e[o],enumerable:!(t=C(e,o))||t.enumerable});return l};var D=(l,e,d)=>(d=l!=null?T(R(l)):{},F(e||!l||!l.__esModule?c(d,"default",{value:l,enumerable:!0}):d,l)),G=l=>F(c({},"__esModule",{value:!0}),l);var E={};A(E,{Header_B:()=>S,default:()=>S});module.exports=G(E);var f=require("@stackshift-ui/button"),j=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),H=require("@stackshift-ui/heading"),n=require("@stackshift-ui/image"),P=require("@stackshift-ui/section"),I=require("@stackshift-ui/text"),$=D(require("react")),r=require("react/jsx-runtime");function S({images:l,title:e,description:d,primaryButton:t,secondaryButton:o}){return(0,r.jsx)(P.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(j.Container,{maxWidth:1280,children:(0,r.jsxs)(b.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(b.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(W,{title:e,description:d}),(0,r.jsx)(_,{primaryButton:t,secondaryButton:o})]})}),l&&(0,r.jsx)(q,{images:l})]})})})}function W({title:l,description:e}){return(0,r.jsxs)($.default.Fragment,{children:[l&&(0,r.jsx)(H.Heading,{fontSize:"3xl",className:"mb-3",children:l}),e&&(0,r.jsx)(I.Text,{muted:!0,className:"my-6",children:e})]})}function _({primaryButton:l,secondaryButton:e}){return(0,r.jsxs)(b.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(l==null?void 0:l.label)&&(0,r.jsx)(f.Button,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label}),(e==null?void 0:e.label)&&(0,r.jsx)(f.Button,{as:"link",link:e,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label})]})}function q({images:l}){var e,d,t,o,x,v,h,w,a,i,m,N,p,u,k,z;return l?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((e=l==null?void 0:l[0])==null?void 0:e.image)&&(0,r.jsx)(n.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(d=l==null?void 0:l[0])==null?void 0:d.image}`,width:941,height:734,alt:(o=(t=l==null?void 0:l[0])==null?void 0:t.alt)!=null?o:"header-image-1"}),((x=l==null?void 0:l[1])==null?void 0:x.image)&&(0,r.jsx)(n.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(v=l==null?void 0:l[1])==null?void 0:v.image}`,width:1050,height:701,alt:(w=(h=l==null?void 0:l[1])==null?void 0:h.alt)!=null?w:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((a=l==null?void 0:l[2])==null?void 0:a.image)&&(0,r.jsx)(n.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(i=l==null?void 0:l[2])==null?void 0:i.image}`,width:1050,height:701,alt:(N=(m=l==null?void 0:l[2])==null?void 0:m.alt)!=null?N:"header-image-3"}),((p=l==null?void 0:l[3])==null?void 0:p.image)&&(0,r.jsx)(n.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(u=l==null?void 0:l[3])==null?void 0:u.image}`,width:941,height:734,alt:(z=(k=l==null?void 0:l[3])==null?void 0:k.alt)!=null?z:"header-image-4"})]})]}):null}0&&(module.exports={Header_B});
package/dist/header_b.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-KCZJVXVR.mjs";export{a as Header_B,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_C({ videoLink, title, primaryButton, secondaryButton, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
- export { Header_C };
package/dist/header_c.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var x=(e,l)=>{for(var s in l)m(e,s,{get:l[s],enumerable:!0})},w=(e,l,s,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of g(l))!n.call(e,i)&&i!==s&&m(e,i,{get:()=>l[i],enumerable:!(o=f(l,i))||o.enumerable});return e};var h=e=>w(m({},"__esModule",{value:!0}),e);var N={};x(N,{Header_C:()=>c,default:()=>c});module.exports=h(N);var r=require("@stackshift-ui/button"),t=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),p=require("@stackshift-ui/section"),a=require("react/jsx-runtime");function c({videoLink:e,title:l,primaryButton:s,secondaryButton:o}){let i;return e&&(e.includes("embed")?i=e.split("/")[4]:i=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)(t.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)(d.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,a.jsx)(v,{primaryButton:s,secondaryButton:o})]}),(0,a.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:i&&(0,a.jsx)(u,{videoLinkId:i,title:l})})]})})}function u({videoLinkId:e,title:l}){return(0,a.jsx)("div",{className:"aspect-video",children:(0,a.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function v({primaryButton:e,secondaryButton:l}){return(0,a.jsxs)(b.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}0&&(module.exports={Header_C});
package/dist/header_c.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-DN6UM2LP.mjs";export{a as Header_C,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_D({ title, description, primaryButton, secondaryButton, mainImage, }: HeaderProps): JSX.Element;
3
- export { Header_D };
package/dist/header_d.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var h=Object.create;var s=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var i in l)s(e,i,{get:l[i],enumerable:!0})},f=(e,l,i,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of u(l))!v.call(e,r)&&r!==i&&s(e,r,{get:()=>l[r],enumerable:!(t=N(l,r))||t.enumerable});return e};var P=(e,l,i)=>(i=e!=null?h(w(e)):{},f(l||!e||!e.__esModule?s(i,"default",{value:e,enumerable:!0}):i,e)),k=e=>f(s({},"__esModule",{value:!0}),e);var C={};F(C,{Header_D:()=>p,default:()=>p});module.exports=k(C);var o=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),m=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),d=require("@stackshift-ui/text"),x=P(require("react")),a=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:r}){return(0,a.jsx)(b.Section,{className:"py-20 bg-background",children:(0,a.jsx)(c.Container,{maxWidth:1280,children:(0,a.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,a.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,a.jsxs)(c.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,a.jsx)(H,{title:e,description:l}),(0,a.jsx)(L,{primaryButton:i,secondaryButton:t})]})}),(0,a.jsx)(S,{mainImage:r})]})})})}function H({title:e,description:l}){return(0,a.jsxs)(x.default.Fragment,{children:[e?(0,a.jsx)(g.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,a.jsx)(d.Text,{className:"my-6",muted:!0,children:l}):null]})}function L({primaryButton:e,secondaryButton:l}){var i,t;return(0,a.jsxs)(n.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,a.jsx)(o.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,a.jsx)(o.Button,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function S({mainImage:e}){var l;return e!=null&&e.image?(0,a.jsx)("div",{className:"w-full md:w-2/3 h-full mt-10 lg:mt-0",children:(0,a.jsx)(m.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 DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-IZSK2OAC.mjs";export{a as Header_D,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_E({ title, description, primaryButton, secondaryButton, formLinks, form, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
- export { Header_E };
package/dist/header_e.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var v=Object.create;var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var a in l)f(e,a,{get:l[a],enumerable:!0})},g=(e,l,a,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let m of w(l))!H.call(e,m)&&m!==a&&f(e,m,{get:()=>l[m],enumerable:!(s=k(l,m))||s.enumerable});return e};var S=(e,l,a)=>(a=e!=null?v(F(e)):{},g(l||!e||!e.__esModule?f(a,"default",{value:e,enumerable:!0}):a,e)),L=e=>g(f({},"__esModule",{value:!0}),e);var A={};P(A,{Header_E:()=>p,default:()=>p});module.exports=L(A);var o=require("@stackshift-ui/button"),r=require("@stackshift-ui/container"),t=require("@stackshift-ui/flex"),x=require("@stackshift-ui/heading"),n=require("@stackshift-ui/section"),c=require("@stackshift-ui/signin-signup"),b=require("@stackshift-ui/text"),d=S(require("react")),i=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:a,secondaryButton:s,formLinks:m,form:N}){return(0,i.jsx)(n.Section,{className:"relative py-20 bg-background",children:(0,i.jsx)(r.Container,{maxWidth:1280,children:(0,i.jsxs)(t.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,i.jsx)(t.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,i.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,i.jsx)(T,{title:e,description:l}),(0,i.jsx)(h,{primaryButton:a,secondaryButton:s})]})}),(0,i.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,i.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,i.jsx)(c.SigninSignup_A,{form:N,formLinks:m})})})]})})})}function T({title:e,description:l}){return(0,i.jsxs)(d.default.Fragment,{children:[e&&(0,i.jsx)(x.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,i.jsx)(b.Text,{muted:!0,className:"my-6",children:l})]})}function h({primaryButton:e,secondaryButton:l}){return(0,i.jsxs)(t.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,i.jsx)(o.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,i.jsx)(o.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}0&&(module.exports={Header_E});
package/dist/header_e.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-O23POPQC.mjs";export{a as Header_E,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_F({ title, subtitle, subtitlePosition, headerSections, isFullWidth, spacing, isOrdered, startingPosition, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
3
- export { Header_F };
package/dist/header_f.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var p=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var H=(t,l)=>{for(var n in l)p(t,n,{get:l[n],enumerable:!0})},I=(t,l,n,m)=>{if(l&&typeof l=="object"||typeof l=="function")for(let x of w(l))!C.call(t,x)&&x!==n&&p(t,x,{get:()=>l[x],enumerable:!(m=$(l,x))||m.enumerable});return t};var S=t=>I(p({},"__esModule",{value:!0}),t);var E={};H(E,{Header_F:()=>y,default:()=>y});module.exports=S(E);var f=require("@portabletext/react"),u=require("@stackshift-ui/button"),a=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),P=require("@stackshift-ui/image"),T=require("@stackshift-ui/section"),e=require("@stackshift-ui/text"),v=require("react-icons/lia");var i=require("react/jsx-runtime"),b=({className:t})=>({block:{h1:l=>(0,i.jsx)("h1",{className:`h1 ${t}`,children:l.children}),h2:l=>(0,i.jsx)("h2",{className:`h2 ${t}`,children:l.children}),h3:l=>(0,i.jsx)("h3",{className:`h3 ${t}`,children:l.children}),h4:l=>(0,i.jsx)("h4",{className:`h4 ${t}`,children:l.children}),normal:l=>(0,i.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:l.children}),blockquote:l=>(0,i.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",l.children]})},code:l=>(0,i.jsx)("pre",{"data-language":l.value.language,className:t,children:(0,i.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,i.jsx)("ul",{className:`pl-4 list-disc font-light ${t}`,children:l.children}),number:l=>(0,i.jsx)("ol",{className:`pl-4 list-decimal font-light ${t}`,children:l.children})},listItem:{bullet:l=>(0,i.jsx)("li",{className:`font-light ${t}`,children:l.children})},marks:{strong:l=>(0,i.jsx)("strong",{className:`font-bold ${t}`,children:l.children}),em:l=>(0,i.jsx)("em",{className:t,children:l.children}),code:l=>(0,i.jsx)("code",{className:t,children:l.children}),link:l=>{var n,m,x;return(0,i.jsx)("a",{"aria-label":(m=(n=l.children)==null?void 0:n.toString())!=null?m:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(x=l.value)==null?void 0:x.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,i.jsxs)("div",{className:`my-5 ${t}`,children:[(0,i.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full h-auto ${t}`}),l.value.caption&&(0,i.jsx)("p",{className:`text-center text-sm text-gray-600 ${t}`,children:l.value.caption})]})}});var 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 y({title:t,subtitle:l,subtitlePosition:n,headerSections:m,isFullWidth:x,spacing:r,isOrdered:B,startingPosition:N}){return(0,i.jsx)(T.Section,{className:`relative pb-14 bg-white ${n==="top"&&"mt-[32px]"}`,children:(0,i.jsxs)("div",{style:{marginBottom:`${r}px`},className:`w-full mx-auto ${x?"":"max-w-[1548px] px-4"}`,children:[(t||l)&&(0,i.jsx)(M,{title:t,subtitle:l,subtitlePosition:n}),(0,i.jsx)(a.Flex,{className:"flex-col",style:{gap:`${r}px`},children:m==null?void 0:m.map((s,c)=>{let g=N==="left"?c%2===0:c%2!==0;return s.isImageLeft=g,s.isFullWidth=x,s.index=c+1,s.isOrdered=B,(0,i.jsx)(q,{header:s,isImageLeft:g},s._key)})})]})})}var M=({title:t,subtitle:l,subtitlePosition:n})=>(0,i.jsxs)(a.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[n==="top"&&l&&(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l}),t&&(0,i.jsx)(e.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),n==="bottom"&&l?(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l}):!n&&(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l})]}),F=({image:t,height:l})=>(0,i.jsx)("div",{className:`relative w-full ${l?L[l]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),j=({header:t})=>{var l;return(0,i.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,i.jsxs)("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&(0,i.jsx)(_,{header:t}),(t==null?void 0:t.description)&&(0,i.jsx)(e.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&(0,i.jsx)(f.PortableText,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=t==null?void 0:t.primaryButton)==null?void 0:l.label)&&(0,i.jsx)(A,{header:t})]})})},_=({header:t})=>(0,i.jsxs)("div",{children:[(t==null?void 0:t.isOrdered)&&(0,i.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,i.jsx)(e.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),(0,i.jsxs)("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&(0,i.jsx)(e.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&(0,i.jsx)(k.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&(0,i.jsxs)("div",{className:"relative w-fit",children:[(0,i.jsx)(P.Image,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,i.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),A=({header:t})=>{var l,n,m;return(0,i.jsx)("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((l=t==null?void 0:t.primaryButton)==null?void 0:l.label)&&(0,i.jsx)(u.Button,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(n=t==null?void 0:t.primaryButton)==null?void 0:n.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,i.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(m=t==null?void 0:t.primaryButton)==null?void 0:m.label," ",(0,i.jsx)(v.LiaLongArrowAltRightSolid,{})]})})})},q=({header:t,isImageLeft:l})=>{var n;return(0,i.jsxs)("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&(0,i.jsx)(F,{image:t.mainImage.image,height:t.imageHeight}),(0,i.jsx)("div",{className:"w-full flex justify-center",children:(0,i.jsx)(j,{header:t})})]})};0&&(module.exports={Header_F});
package/dist/header_f.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-PPCMCZ5V.mjs";import"./chunk-W2QPS3BW.mjs";export{a as Header_F,a as default};
@@ -1,3 +0,0 @@
1
- import { HeaderProps } from ".";
2
- export default function Header_G({ mediaItems, title, description, primaryButton, secondaryButton, position, }: HeaderProps): import("react/jsx-runtime").JSX.Element | null;
3
- export { Header_G };
package/dist/header_g.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var b=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var L=(a,l)=>{for(var s in l)b(a,s,{get:l[s],enumerable:!0})},C=(a,l,s,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of j(l))!H.call(a,t)&&t!==s&&b(a,t,{get:()=>l[t],enumerable:!(r=S(l,t))||r.enumerable});return a};var P=a=>C(b({},"__esModule",{value:!0}),a);var $={};L($,{Header_G:()=>w,default:()=>w});module.exports=P($);var x=require("@stackshift-ui/button"),g=require("@stackshift-ui/flex"),p=require("@stackshift-ui/heading"),u=require("@stackshift-ui/section"),m=require("@stackshift-ui/swiper-pagination"),d=require("@stackshift-ui/text"),o=require("react"),e=require("react/jsx-runtime");function w({mediaItems:a,title:l,description:s,primaryButton:r,secondaryButton:t,position:c="center"}){if(!(a!=null&&a.length))return null;let[h,v]=(0,o.useState)(0),f=a[h];(0,o.useEffect)(()=>{let n=setInterval(()=>{v(i=>(i+1)%a.length)},5e3);return()=>clearInterval(n)},[a.length]);let N=n=>{v(n)},k=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,e.jsx)(u.Section,{children:(0,e.jsxs)("div",{className:"relative w-full h-[80vh] overflow-hidden",children:[f.video?(0,e.jsx)("video",{className:"absolute inset-0 w-full h-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,e.jsx)("div",{className:"absolute inset-0 w-full h-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,e.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,e.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center h-full`,children:(0,e.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${k()} px-4`,children:[(0,e.jsx)(p.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,e.jsx)("br",{}),(0,e.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),s&&(0,e.jsx)(d.Text,{className:"text-white mb-10",children:s}),(0,e.jsxs)(g.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(r==null?void 0:r.label)&&(0,e.jsx)(x.Button,{as:"link",link:r,ariaLabel:r==null?void 0:r.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:r.label}),(t==null?void 0:t.label)&&(0,e.jsx)(x.Button,{as:"link",link:t,variant:"solid",ariaLabel:t==null?void 0:t.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:t.label})]})]})}),(0,e.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex gap-2",children:a.map((n,i)=>(0,e.jsx)(m.SwiperPagination,{colorScheme:"white",isActive:i===h,onClick:()=>N(i),ariaLabel:`Go to slide ${i+1}`},i))})]})})}0&&(module.exports={Header_G});
package/dist/header_g.mjs DELETED
@@ -1 +0,0 @@
1
- import{a}from"./chunk-LA2DIHLF.mjs";export{a as Header_G,a as default};
package/dist/index.d.ts DELETED
@@ -1,8 +0,0 @@
1
- export * from "./header";
2
- export * from "./header_a";
3
- export * from "./header_b";
4
- export * from "./header_c";
5
- export * from "./header_d";
6
- export * from "./header_e";
7
- export * from "./header_f";
8
- export * from "./header_g";
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},Ie(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>Ie(I({},"__esModule",{value:!0}),e);var Re={};P(Re,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Me.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.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,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[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"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{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 z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,Le,_,ze,q,_e,je,Me,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Le=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ze=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),_e=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),Me=L(require("react")),r=require("react/jsx-runtime")});var Ge={};P(Ge,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ee.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,f,u,w,k,b,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-ze 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"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(f=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?f:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(b=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?b:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var G,Le,_,ze,q,_e,je,Ee,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ee=L(require("react"))});var Xe={};P(Xe,{Header_C:()=>J,default:()=>J});function J({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,r.jsx)(_e.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Le.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-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 Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var K,Le,_,ze,_e,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Be={};P(Be,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Le.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e?(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(je.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(Q.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(Q.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.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 Q,Le,_,ze,q,_e,je,ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),ye=L(require("react"))});var rl={};P(rl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(_e.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(il.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(nl.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(y.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(y.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var y,Le,_,ze,_e,il,je,nl,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),il=require("@stackshift-ui/signin-signup"),nl=L(require("react"))});var a,sl,ml=N(()=>{"use strict";a=require("react/jsx-runtime"),sl=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("r",{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,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("_",{className:`q-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("je",{className:`q-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"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,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var bl={};P(bl,{Header_F:()=>te,default:()=>te});function te({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(_e.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((f,u)=>{let w=v==="left"?u%2===0:u%2!==0;return f.isImageLeft=w,f.isFullWidth=o,f.index=u+1,f.isOrdered=d,(0,n.jsx)(Yl,{header:f,isImageLeft:w},f._key)})})]})})}var al,cl,_,ze,q,_e,je,gl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,ie=N(()=>{"use strict";al=require("@portabletext/react"),cl=require("@stackshift-ui/button"),gl=require("react-icons/lia");ml();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] ze:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({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)(je.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(je.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)(je.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({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] W-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)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(je.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] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(al.PortableText,{value:e==null?void 0:e.columnContent,components:sl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({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)(je.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)(je.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)(ze.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)(q.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"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(cl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(gl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-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)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var Nl={};P(Nl,{Header_G:()=>ne,default:()=>ne});function ne({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),f=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(_e.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[f.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex r-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ze.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(je.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(oe.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(oe.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,b)=>(0,r.jsx)(wl.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var oe,_,ze,_e,wl,je,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),wl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Re))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ge))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Xe))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Be))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),rl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),bl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),Nl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,f,u,w,k,b,H,S,F,$,se,me,ae,ce,xe,pe,fe,ge,be,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e,Ce;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(f=e==null?void 0:e.variants)==null?void 0:f.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(b=e==null?void 0:e.variants)==null?void 0:b.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?se:void 0,secondaryButton:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.secondaryButton)!=null?ae:void 0,videoLink:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.youtubeLink)!=null?xe:void 0,formLinks:(fe=(pe=e==null?void 0:e.variants)==null?void 0:pe.formLinks)!=null?fe:void 0,form:(be=(ge=e==null?void 0:e.variants)==null?void 0:ge.form)!=null?be:void 0,spacing:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.spacing)!=null?de:void 0,isOrdered:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.isOrdered)!=null?we:void 0,startingPosition:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.startingPosition)!=null?Ne:void 0,headerSections:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.headerSections)!=null?Te:void 0,subtitlePosition:(He=(he=e==null?void 0:e.variants)==null?void 0:he.subtitlePosition)!=null?He:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ce=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ce:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;E();V();X();Z();ee();ie();re();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});