@stackshift-ui/header 6.0.7 → 6.0.8-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,592 +1,2 @@
1
- "use strict";
2
1
  "use client";
3
- var __create = Object.create;
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __esm = (fn, res) => function __init() {
10
- return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
11
- };
12
- var __export = (target, all) => {
13
- for (var name in all)
14
- __defProp(target, name, { get: all[name], enumerable: true });
15
- };
16
- var __copyProps = (to, from, except, desc) => {
17
- if (from && typeof from === "object" || typeof from === "function") {
18
- for (let key of __getOwnPropNames(from))
19
- if (!__hasOwnProp.call(to, key) && key !== except)
20
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
21
- }
22
- return to;
23
- };
24
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
25
- // If the importer is in node compatibility mode or this is not an ESM
26
- // file that has been converted to a CommonJS file using a Babel-
27
- // compatible transform (i.e. "__esModule" has not been set), then set
28
- // "default" to the CommonJS "module.exports" for node compatibility.
29
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
30
- mod
31
- ));
32
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
33
-
34
- // src/header_a.tsx
35
- var header_a_exports = {};
36
- __export(header_a_exports, {
37
- Header_A: () => Header_A,
38
- default: () => Header_A
39
- });
40
- function Header_A({
41
- mainImage,
42
- title,
43
- description,
44
- primaryButton,
45
- secondaryButton
46
- }) {
47
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { align: "center", gap: 4, className: "flex-col lg:flex-row", children: [
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { align: "center", direction: "col", className: "w-full basis-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-md mx-auto text-center lg:text-left", children: [
49
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleAndDescription, { title, description }),
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { primaryButton, secondaryButton })
51
- ] }) }),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MainImage, { mainImage })
53
- ] }) }) });
54
- }
55
- function TitleAndDescription({ title, description }) {
56
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
57
- title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { fontSize: "3xl", className: "mb-3", children: title }),
58
- description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, className: "my-6", children: description })
59
- ] });
60
- }
61
- function Buttons({
62
- primaryButton,
63
- secondaryButton
64
- }) {
65
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
66
- import_flex.Flex,
67
- {
68
- align: "center",
69
- justify: "center",
70
- gap: 2,
71
- direction: "col",
72
- className: "lg:justify-start md:flex-row",
73
- children: [
74
- (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { as: "link", link: primaryButton, ariaLabel: primaryButton == null ? void 0 : primaryButton.label, children: primaryButton == null ? void 0 : primaryButton.label }),
75
- (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
76
- import_button.Button,
77
- {
78
- as: "link",
79
- link: secondaryButton,
80
- className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",
81
- ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
82
- children: secondaryButton == null ? void 0 : secondaryButton.label
83
- }
84
- )
85
- ]
86
- }
87
- );
88
- }
89
- function MainImage({ mainImage }) {
90
- var _a;
91
- if (!(mainImage == null ? void 0 : mainImage.image)) return null;
92
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative w-full max-w-md", children: [
93
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
94
- import_image.Image,
95
- {
96
- className: "overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10",
97
- src: `${mainImage.image}`,
98
- sizes: "(min-width: 520px) 448px, 90vw",
99
- width: 448,
100
- height: 448,
101
- alt: (_a = mainImage.alt) != null ? _a : "header-main-image"
102
- }
103
- ),
104
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DecorativeImages, {})
105
- ] });
106
- }
107
- function DecorativeImages() {
108
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
109
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
110
- ImageElement,
111
- {
112
- src: "/assets/elements/webriq-blue-dark-up.png",
113
- alt: "webriq-blue-dark-up-mainImage-element",
114
- className: "absolute hidden md:block",
115
- style: { top: "-2rem", right: "3rem", zIndex: 2 },
116
- width: 112,
117
- height: 112
118
- }
119
- ),
120
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
121
- ImageElement,
122
- {
123
- src: "/assets/elements/wing-webriq-blue-down.png",
124
- alt: "wing-webriq-blue-down-mainImage-element",
125
- className: "absolute hidden md:block",
126
- style: { bottom: "-2rem", right: "-2rem", zIndex: 2 },
127
- width: 144,
128
- height: 144
129
- }
130
- ),
131
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
132
- ImageElement,
133
- {
134
- src: "/assets/elements/bullets-gray-right.svg",
135
- alt: "bullets-gray-right-mainImage-element",
136
- className: "absolute hidden md:block",
137
- style: { top: "3rem", right: "-3rem", zIndex: 2 },
138
- width: 115,
139
- height: 157
140
- }
141
- ),
142
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
143
- ImageElement,
144
- {
145
- src: "/assets/elements/bullets-gray-left.svg",
146
- alt: "bullets-gray-left-mainImage-element",
147
- className: "absolute hidden md:block",
148
- style: { bottom: "2.5rem", left: "-4.5rem", zIndex: 2 },
149
- width: 157,
150
- height: 115
151
- }
152
- )
153
- ] });
154
- }
155
- function ImageElement({
156
- src,
157
- alt,
158
- className,
159
- style,
160
- width,
161
- height
162
- }) {
163
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, { src, alt, className, style, width, height });
164
- }
165
- var import_button, import_container, import_flex, import_heading, import_image, import_section, import_text, import_react, import_jsx_runtime;
166
- var init_header_a = __esm({
167
- "src/header_a.tsx"() {
168
- "use strict";
169
- import_button = require("@stackshift-ui/button");
170
- import_container = require("@stackshift-ui/container");
171
- import_flex = require("@stackshift-ui/flex");
172
- import_heading = require("@stackshift-ui/heading");
173
- import_image = require("@stackshift-ui/image");
174
- import_section = require("@stackshift-ui/section");
175
- import_text = require("@stackshift-ui/text");
176
- import_react = __toESM(require("react"));
177
- import_jsx_runtime = require("react/jsx-runtime");
178
- }
179
- });
180
-
181
- // src/header_b.tsx
182
- var header_b_exports = {};
183
- __export(header_b_exports, {
184
- Header_B: () => Header_B,
185
- default: () => Header_B
186
- });
187
- function Header_B({
188
- images,
189
- title,
190
- description,
191
- primaryButton,
192
- secondaryButton
193
- }) {
194
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_section2.Section, { className: "relative z-10 py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_container2.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flex2.Flex, { align: "center", direction: "col", gap: 4, className: "lg:flex-row", children: [
195
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flex2.Flex, { align: "center", direction: "col", className: "w-full basis-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "max-w-md mx-auto text-center lg:text-left", children: [
196
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TitleAndDescription2, { title, description }),
197
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Buttons2, { primaryButton, secondaryButton })
198
- ] }) }),
199
- images && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ImageGallery, { images })
200
- ] }) }) });
201
- }
202
- function TitleAndDescription2({ title, description }) {
203
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.default.Fragment, { children: [
204
- title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_heading2.Heading, { fontSize: "3xl", className: "mb-3", children: title }),
205
- description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { muted: true, className: "my-6", children: description })
206
- ] });
207
- }
208
- function Buttons2({
209
- primaryButton,
210
- secondaryButton
211
- }) {
212
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
213
- import_flex2.Flex,
214
- {
215
- align: "center",
216
- gap: 2,
217
- className: "flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",
218
- children: [
219
- (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_button2.Button, { as: "link", link: primaryButton, ariaLabel: primaryButton == null ? void 0 : primaryButton.label, children: primaryButton == null ? void 0 : primaryButton.label }),
220
- (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
221
- import_button2.Button,
222
- {
223
- as: "link",
224
- link: secondaryButton,
225
- className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",
226
- ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
227
- children: secondaryButton == null ? void 0 : secondaryButton.label
228
- }
229
- )
230
- ]
231
- }
232
- );
233
- }
234
- function ImageGallery({ images }) {
235
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
236
- if (!images) return null;
237
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "w-full px-4 lg:w-1/2", children: [
238
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mb-3 sm:flex lg:mb-4 lg:ml-6", children: [
239
- ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
240
- import_image2.Image,
241
- {
242
- 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",
243
- sizes: "100vw",
244
- src: `${(_b = images == null ? void 0 : images[0]) == null ? void 0 : _b.image}`,
245
- width: 941,
246
- height: 734,
247
- alt: (_d = (_c = images == null ? void 0 : images[0]) == null ? void 0 : _c.alt) != null ? _d : "header-image-1"
248
- }
249
- ),
250
- ((_e = images == null ? void 0 : images[1]) == null ? void 0 : _e.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
251
- import_image2.Image,
252
- {
253
- className: "relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",
254
- sizes: "100vw",
255
- src: `${(_f = images == null ? void 0 : images[1]) == null ? void 0 : _f.image}`,
256
- width: 1050,
257
- height: 701,
258
- alt: (_h = (_g = images == null ? void 0 : images[1]) == null ? void 0 : _g.alt) != null ? _h : "header-image-2"
259
- }
260
- )
261
- ] }),
262
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mb-3 sm:flex lg:mb-4 lg:mr-6", children: [
263
- ((_i = images == null ? void 0 : images[2]) == null ? void 0 : _i.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
264
- import_image2.Image,
265
- {
266
- 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",
267
- sizes: "100vw",
268
- src: `${(_j = images == null ? void 0 : images[2]) == null ? void 0 : _j.image}`,
269
- width: 1050,
270
- height: 701,
271
- alt: (_l = (_k = images == null ? void 0 : images[2]) == null ? void 0 : _k.alt) != null ? _l : "header-image-3"
272
- }
273
- ),
274
- ((_m = images == null ? void 0 : images[3]) == null ? void 0 : _m.image) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
275
- import_image2.Image,
276
- {
277
- className: "object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",
278
- sizes: "100vw",
279
- src: `${(_n = images == null ? void 0 : images[3]) == null ? void 0 : _n.image}`,
280
- width: 941,
281
- height: 734,
282
- alt: (_p = (_o = images == null ? void 0 : images[3]) == null ? void 0 : _o.alt) != null ? _p : "header-image-4"
283
- }
284
- )
285
- ] })
286
- ] });
287
- }
288
- var import_button2, import_container2, import_flex2, import_heading2, import_image2, import_section2, import_text2, import_react2, import_jsx_runtime2;
289
- var init_header_b = __esm({
290
- "src/header_b.tsx"() {
291
- "use strict";
292
- import_button2 = require("@stackshift-ui/button");
293
- import_container2 = require("@stackshift-ui/container");
294
- import_flex2 = require("@stackshift-ui/flex");
295
- import_heading2 = require("@stackshift-ui/heading");
296
- import_image2 = require("@stackshift-ui/image");
297
- import_section2 = require("@stackshift-ui/section");
298
- import_text2 = require("@stackshift-ui/text");
299
- import_react2 = __toESM(require("react"));
300
- import_jsx_runtime2 = require("react/jsx-runtime");
301
- }
302
- });
303
-
304
- // src/header_c.tsx
305
- var header_c_exports = {};
306
- __export(header_c_exports, {
307
- Header_C: () => Header_C,
308
- default: () => Header_C
309
- });
310
- function Header_C({
311
- videoLink,
312
- title,
313
- primaryButton,
314
- secondaryButton
315
- }) {
316
- let videoLinkId;
317
- if (videoLink) {
318
- if (videoLink.includes("embed")) {
319
- videoLinkId = videoLink.split("/")[4];
320
- } else {
321
- videoLinkId = videoLink.split("/watch?v=")[1] || videoLink.split("/")[3];
322
- }
323
- }
324
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_section3.Section, { className: "py-20 md:py-52 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_container3.Container, { maxWidth: 1280, children: [
325
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "max-w-2xl mx-auto mb-12 text-center md:mb-20", children: [
326
- title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_heading3.Heading, { fontSize: "3xl", className: "mb-10", children: title }),
327
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Buttons3, { primaryButton, secondaryButton })
328
- ] }),
329
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "md:mx-20 lg:mx-60 xl:mx-60", children: videoLinkId && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VideoPlayer, { videoLinkId, title }) })
330
- ] }) });
331
- }
332
- function VideoPlayer({ videoLinkId, title }) {
333
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "aspect-video", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
334
- "iframe",
335
- {
336
- "aria-label": "Show Video Frame",
337
- className: "w-full h-full border-4 rounded-3xl border-primary",
338
- src: `https://www.youtube.com/embed/${videoLinkId}`,
339
- 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/${videoLinkId}`}><img src=${`https://i.ytimg.com/vi_webp/${videoLinkId}/maxresdefault.webp`} alt=${title} loading="lazy" /><span>\u25B6</span></a>`,
340
- loading: "lazy",
341
- allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
342
- allowFullScreen: true
343
- }
344
- ) });
345
- }
346
- function Buttons3({
347
- primaryButton,
348
- secondaryButton
349
- }) {
350
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_flex3.Flex, { align: "center", gap: 4, justify: "center", className: "flex-col lg:flex-row", children: [
351
- (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_button3.Button, { as: "link", ariaLabel: primaryButton == null ? void 0 : primaryButton.label, link: primaryButton, children: primaryButton == null ? void 0 : primaryButton.label }),
352
- (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
353
- import_button3.Button,
354
- {
355
- as: "link",
356
- ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
357
- link: secondaryButton,
358
- className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",
359
- children: secondaryButton == null ? void 0 : secondaryButton.label
360
- }
361
- )
362
- ] });
363
- }
364
- var import_button3, import_container3, import_flex3, import_heading3, import_section3, import_jsx_runtime3;
365
- var init_header_c = __esm({
366
- "src/header_c.tsx"() {
367
- "use strict";
368
- import_button3 = require("@stackshift-ui/button");
369
- import_container3 = require("@stackshift-ui/container");
370
- import_flex3 = require("@stackshift-ui/flex");
371
- import_heading3 = require("@stackshift-ui/heading");
372
- import_section3 = require("@stackshift-ui/section");
373
- import_jsx_runtime3 = require("react/jsx-runtime");
374
- }
375
- });
376
-
377
- // src/header_d.tsx
378
- var header_d_exports = {};
379
- __export(header_d_exports, {
380
- Header_D: () => Header_D,
381
- default: () => Header_D
382
- });
383
- function Header_D({
384
- title,
385
- description,
386
- primaryButton,
387
- secondaryButton,
388
- mainImage
389
- }) {
390
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_section4.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_container4.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_flex4.Flex, { align: "center", className: "flex-col lg:flex-row", gap: 4, children: [
391
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_flex4.Flex, { align: "center", className: "w-full basis-1/2", direction: "col", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_container4.Container, { className: "mx-auto items-center text-center lg:text-left", maxWidth: "md", children: [
392
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TitleAndDescription3, { title, description }),
393
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Buttons4, { primaryButton, secondaryButton })
394
- ] }) }),
395
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MainImage2, { mainImage })
396
- ] }) }) });
397
- }
398
- function TitleAndDescription3({ title, description }) {
399
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react3.default.Fragment, { children: [
400
- title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_heading4.Heading, { fontSize: "3xl", className: "mb-3", type: "h1", children: title }) : null,
401
- description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_text3.Text, { className: "my-6", muted: true, children: description }) : null
402
- ] });
403
- }
404
- function Buttons4({
405
- primaryButton,
406
- secondaryButton
407
- }) {
408
- var _a, _b;
409
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
410
- import_flex4.Flex,
411
- {
412
- align: "center",
413
- className: "flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",
414
- gap: 2,
415
- children: [
416
- (primaryButton == null ? void 0 : primaryButton.label) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
417
- import_button4.Button,
418
- {
419
- as: "link",
420
- link: primaryButton,
421
- ariaLabel: (_a = primaryButton == null ? void 0 : primaryButton.ariaLabel) != null ? _a : primaryButton == null ? void 0 : primaryButton.label,
422
- variant: "solid",
423
- className: "bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",
424
- children: primaryButton.label
425
- }
426
- ) : null,
427
- (secondaryButton == null ? void 0 : secondaryButton.label) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
428
- import_button4.Button,
429
- {
430
- as: "link",
431
- link: secondaryButton,
432
- ariaLabel: (_b = secondaryButton.ariaLabel) != null ? _b : secondaryButton == null ? void 0 : secondaryButton.label,
433
- variant: "solid",
434
- className: "bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",
435
- children: secondaryButton.label
436
- }
437
- ) : null
438
- ]
439
- }
440
- );
441
- }
442
- function MainImage2({ mainImage }) {
443
- var _a;
444
- if (!(mainImage == null ? void 0 : mainImage.image)) return null;
445
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
446
- import_image3.Image,
447
- {
448
- alt: (_a = mainImage.alt) != null ? _a : "header-main-image",
449
- className: "rounded-md",
450
- height: 700,
451
- sizes: "100vw",
452
- src: `${mainImage == null ? void 0 : mainImage.image}`,
453
- style: { objectFit: "contain" },
454
- width: 1050
455
- }
456
- ) });
457
- }
458
- var import_button4, import_container4, import_flex4, import_heading4, import_image3, import_section4, import_text3, import_react3, import_jsx_runtime4;
459
- var init_header_d = __esm({
460
- "src/header_d.tsx"() {
461
- "use strict";
462
- import_button4 = require("@stackshift-ui/button");
463
- import_container4 = require("@stackshift-ui/container");
464
- import_flex4 = require("@stackshift-ui/flex");
465
- import_heading4 = require("@stackshift-ui/heading");
466
- import_image3 = require("@stackshift-ui/image");
467
- import_section4 = require("@stackshift-ui/section");
468
- import_text3 = require("@stackshift-ui/text");
469
- import_react3 = __toESM(require("react"));
470
- import_jsx_runtime4 = require("react/jsx-runtime");
471
- }
472
- });
473
-
474
- // src/header_e.tsx
475
- var header_e_exports = {};
476
- __export(header_e_exports, {
477
- Header_E: () => Header_E,
478
- default: () => Header_E
479
- });
480
- function Header_E({
481
- title,
482
- description,
483
- primaryButton,
484
- secondaryButton,
485
- formLinks,
486
- form
487
- }) {
488
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_section5.Section, { className: "relative py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_container5.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_flex5.Flex, { align: "center", className: "flex-col lg:flex-row", gap: 4, children: [
489
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_flex5.Flex, { align: "center", direction: "col", className: "w-full basis-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "max-w-md mx-auto text-center lg:text-left", children: [
490
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TitleAndDescription4, { title, description }),
491
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Buttons5, { primaryButton, secondaryButton })
492
- ] }) }),
493
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-sm mx-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_signin_signup.SigninSignup_A, { form, formLinks }) }) })
494
- ] }) }) });
495
- }
496
- function TitleAndDescription4({ title, description }) {
497
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.default.Fragment, { children: [
498
- title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_heading5.Heading, { fontSize: "3xl", className: "mb-3", children: title }),
499
- description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_text4.Text, { muted: true, className: "my-6", children: description })
500
- ] });
501
- }
502
- function Buttons5({
503
- primaryButton,
504
- secondaryButton
505
- }) {
506
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_flex5.Flex, { align: "center", gap: 2, className: "flex-col md:flex-row justify-center lg:justify-start", children: [
507
- (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_button5.Button, { as: "link", link: primaryButton, ariaLabel: primaryButton == null ? void 0 : primaryButton.label, children: primaryButton == null ? void 0 : primaryButton.label }),
508
- (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
509
- import_button5.Button,
510
- {
511
- as: "link",
512
- link: secondaryButton,
513
- className: "bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",
514
- ariaLabel: secondaryButton == null ? void 0 : secondaryButton.label,
515
- children: secondaryButton == null ? void 0 : secondaryButton.label
516
- }
517
- )
518
- ] });
519
- }
520
- var import_button5, import_container5, import_flex5, import_heading5, import_section5, import_signin_signup, import_text4, import_react4, import_jsx_runtime5;
521
- var init_header_e = __esm({
522
- "src/header_e.tsx"() {
523
- "use strict";
524
- import_button5 = require("@stackshift-ui/button");
525
- import_container5 = require("@stackshift-ui/container");
526
- import_flex5 = require("@stackshift-ui/flex");
527
- import_heading5 = require("@stackshift-ui/heading");
528
- import_section5 = require("@stackshift-ui/section");
529
- import_signin_signup = require("@stackshift-ui/signin-signup");
530
- import_text4 = require("@stackshift-ui/text");
531
- import_react4 = __toESM(require("react"));
532
- import_jsx_runtime5 = require("react/jsx-runtime");
533
- }
534
- });
535
-
536
- // src/index.ts
537
- var src_exports = {};
538
- __export(src_exports, {
539
- Header: () => Header,
540
- Header_A: () => Header_A,
541
- Header_B: () => Header_B,
542
- Header_C: () => Header_C,
543
- Header_D: () => Header_D,
544
- Header_E: () => Header_E
545
- });
546
- module.exports = __toCommonJS(src_exports);
547
-
548
- // src/header.tsx
549
- var import_react5 = require("react");
550
- var import_jsx_runtime6 = require("react/jsx-runtime");
551
- var Variants = {
552
- variant_a: (0, import_react5.lazy)(() => Promise.resolve().then(() => (init_header_a(), header_a_exports))),
553
- variant_b: (0, import_react5.lazy)(() => Promise.resolve().then(() => (init_header_b(), header_b_exports))),
554
- variant_c: (0, import_react5.lazy)(() => Promise.resolve().then(() => (init_header_c(), header_c_exports))),
555
- variant_d: (0, import_react5.lazy)(() => Promise.resolve().then(() => (init_header_d(), header_d_exports))),
556
- variant_e: (0, import_react5.lazy)(() => Promise.resolve().then(() => (init_header_e(), header_e_exports)))
557
- };
558
- var displayName = "Header";
559
- var Header = ({ data }) => {
560
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
561
- const variant = data == null ? void 0 : data.variant;
562
- const Variant = variant && Variants[variant];
563
- const props = {
564
- mainImage: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.mainImage) != null ? _b : void 0,
565
- images: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.images) != null ? _d : void 0,
566
- title: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.title) != null ? _f : void 0,
567
- description: (_h = (_g = data == null ? void 0 : data.variants) == null ? void 0 : _g.description) != null ? _h : void 0,
568
- primaryButton: (_j = (_i = data == null ? void 0 : data.variants) == null ? void 0 : _i.primaryButton) != null ? _j : void 0,
569
- secondaryButton: (_l = (_k = data == null ? void 0 : data.variants) == null ? void 0 : _k.secondaryButton) != null ? _l : void 0,
570
- videoLink: (_n = (_m = data == null ? void 0 : data.variants) == null ? void 0 : _m.youtubeLink) != null ? _n : void 0,
571
- formLinks: (_p = (_o = data == null ? void 0 : data.variants) == null ? void 0 : _o.formLinks) != null ? _p : void 0,
572
- form: (_r = (_q = data == null ? void 0 : data.variants) == null ? void 0 : _q.form) != null ? _r : void 0
573
- };
574
- return Variant ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Variant, { ...props }) : null;
575
- };
576
- Header.displayName = displayName;
577
-
578
- // src/index.ts
579
- init_header_a();
580
- init_header_b();
581
- init_header_c();
582
- init_header_d();
583
- init_header_e();
584
- // Annotate the CommonJS export names for ESM import in node:
585
- 0 && (module.exports = {
586
- Header,
587
- Header_A,
588
- Header_B,
589
- Header_C,
590
- Header_D,
591
- Header_E
592
- });
2
+ "use strict";var $e=Object.create;var S=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)S(e,i,{get:l[i],enumerable:!0})},le=(e,l,i,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of Me(l))!De.call(e,t)&&t!==i&&S(e,t,{get:()=>l[t],enumerable:!(n=je(l,t))||n.enumerable});return e};var z=(e,l,i)=>(i=e!=null?$e(We(e)):{},le(l||!e||!e.__esModule?S(i,"default",{value:e,enumerable:!0}):i,e)),Ae=e=>le(S({},"__esModule",{value:!0}),e);var se={};f(se,{Header_A:()=>j,default:()=>j});function j({mainImage:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(I.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Ve,{title:l,description:i}),(0,r.jsx)(qe,{primaryButton:n,secondaryButton:t})]})}),(0,r.jsx)(Ee,{mainImage:e})]})})})}function Ve({title:e,description:l}){return(0,r.jsxs)(ne.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ee({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)($.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,r.jsx)(Ke,{})]}):null}function Ke(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L,{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)(L,{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)(L,{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)(L,{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 L({src:e,alt:l,className:i,style:n,width:t,height:c}){return(0,r.jsx)($.Image,{src:e,alt:l,className:i,style:n,width:t,height:c})}var _,ie,I,re,$,te,oe,ne,r,M=F(()=>{"use strict";_=require("@stackshift-ui/button"),ie=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),re=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),te=require("@stackshift-ui/section"),oe=require("@stackshift-ui/text"),ne=z(require("react")),r=require("react/jsx-runtime")});var be={};f(be,{Header_B:()=>D,default:()=>D});function D({images:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Ge,{title:l,description:i}),(0,r.jsx)(Je,{primaryButton:n,secondaryButton:t})]})}),e&&(0,r.jsx)(Xe,{images:e})]})})})}function Ge({title:e,description:l}){return(0,r.jsxs)(de.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(W.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)(W.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 Xe({images:e}){var l,i,n,t,c,b,g,p,x,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)($.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(n=e==null?void 0:e[0])==null?void 0:n.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)($.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:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(p=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((x=e==null?void 0:e[2])==null?void 0:x.image)&&(0,r.jsx)($.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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)($.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var W,ie,I,re,$,te,oe,de,r,A=F(()=>{"use strict";W=require("@stackshift-ui/button"),de=z(require("react"))});var ve={};f(ve,{Header_C:()=>q,default:()=>q});function q({videoLink:e,title:l,primaryButton:i,secondaryButton:n}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(te.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ie.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)(re.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Qe,{primaryButton:i,secondaryButton:n})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Oe,{videoLinkId:t,title:l})})]})})}function Oe({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 h-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><r href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.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)(V.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-3 py-4",children:l==null?void 0:l.label})]})}var V,ie,I,re,te,r,E=F(()=>{"use strict";V=require("@stackshift-ui/button")});var Fe={};f(Fe,{Header_D:()=>J,default:()=>J});function J({title:e,description:l,primaryButton:i,secondaryButton:n,mainImage:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(ie.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)(Ze,{mainImage:t})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(Pe.default.Fragment,{children:[e?(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(oe.Text,{className:"my-6",muted:!0,children:l}):null]})}function Ye({primaryButton:e,secondaryButton:l}){var i,n;return(0,r.jsxs)(I.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)(K.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,r.jsx)(K.Button,{as:"link",link:l,ariaLabel:(n=l.ariaLabel)!=null?n: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 Ze({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)($.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 K,ie,I,re,$,te,oe,Pe,r,X=F(()=>{"use strict";K=require("@stackshift-ui/button"),Pe=z(require("react"))});var Te={};f(Te,{Header_E:()=>Q,default:()=>Q});function Q({title:e,description:l,primaryButton:i,secondaryButton:n,formLinks:t,form:c}){return(0,r.jsx)(te.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(ye,{title:e,description:l}),(0,r.jsx)(Be,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Le.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function ye({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Be({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(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,r.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})]})}var O,ie,I,re,te,Le,oe,Ce,r,U=F(()=>{"use strict";O=require("@stackshift-ui/button"),Le=require("@stackshift-ui/signin-signup"),Ce=z(require("react"))});var il={};f(il,{Header:()=>Re,Header_A:()=>j,Header_B:()=>D,Header_C:()=>q,Header_D:()=>J,Header_E:()=>Q});module.exports=Ae(il);var d=require("react"),el={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>(M(),se))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(A(),be))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(E(),ve))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(X(),Fe))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(U(),Te)))},ll="Header",Re=({data:e})=>{var t,c,b,g,p,x,h,v,w,u,N,k,P,Y,Z,y,B,ee;let l=e==null?void 0:e.variant,i=l&&el[l],n={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(x=(p=e==null?void 0:e.variants)==null?void 0:p.title)!=null?x:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(Y=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?Y:void 0,formLinks:(y=(Z=e==null?void 0:e.variants)==null?void 0:Z.formLinks)!=null?y:void 0,form:(ee=(B=e==null?void 0:e.variants)==null?void 0:B.form)!=null?ee:void 0};return i?(0,r.jsx)(i,{...n}):null};Re.displayName=ll;M();A();E();X();U();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E});
package/dist/index.mjs CHANGED
@@ -1,28 +1,2 @@
1
1
  "use client";
2
- "use strict";
3
- import {
4
- Header
5
- } from "./chunk-3SLHYG4E.mjs";
6
- import {
7
- Header_A
8
- } from "./chunk-OIGPQF35.mjs";
9
- import {
10
- Header_B
11
- } from "./chunk-QKD3MWOT.mjs";
12
- import {
13
- Header_C
14
- } from "./chunk-534QIB7N.mjs";
15
- import {
16
- Header_D
17
- } from "./chunk-35OWV2LA.mjs";
18
- import {
19
- Header_E
20
- } from "./chunk-6DDP6YE5.mjs";
21
- export {
22
- Header,
23
- Header_A,
24
- Header_B,
25
- Header_C,
26
- Header_D,
27
- Header_E
28
- };
2
+ "use strict";import{a as m}from"./chunk-VCKC4FNK.mjs";import{a as o}from"./chunk-25OOMOCQ.mjs";import{a as r}from"./chunk-2FVIO3TA.mjs";import{a as e}from"./chunk-OU7IRERX.mjs";import{a as t}from"./chunk-WLJLO6TL.mjs";import{a as f}from"./chunk-Z4QMS2YF.mjs";export{m as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E};