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