@retinalabsllc/zairusjs 8.1.80 → 8.1.90
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 +33 -28
- package/dist/index.mjs +33 -28
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -327,27 +327,30 @@ var Header = ({
|
|
|
327
327
|
const brandSubtitleClass = "text-neutral-500";
|
|
328
328
|
const shouldInvertLogo = !invert;
|
|
329
329
|
if (!mounted) {
|
|
330
|
-
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "
|
|
330
|
+
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full h-20 px-4 pt-4 sm:pt-6" });
|
|
331
331
|
}
|
|
332
|
-
return
|
|
333
|
-
|
|
334
|
-
{
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
{
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
332
|
+
return (
|
|
333
|
+
// Removed 'absolute inset-x-0 top-0 z-50 pointer-events-none' to let it sit in the normal document flow
|
|
334
|
+
/* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full px-4 pt-4 sm:pt-6 mb-4" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-5xl mx-auto w-full flex justify-center" }, /* @__PURE__ */ import_react5.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react5.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ import_react5.default.createElement(
|
|
335
|
+
import_image.default,
|
|
336
|
+
{
|
|
337
|
+
src: logoSrc,
|
|
338
|
+
alt: `${companyName} Logo`,
|
|
339
|
+
width: 40,
|
|
340
|
+
height: 40,
|
|
341
|
+
className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
|
|
342
|
+
priority: true
|
|
343
|
+
}
|
|
344
|
+
), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ import_react5.default.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ import_react5.default.createElement(
|
|
345
|
+
NavLink,
|
|
346
|
+
{
|
|
347
|
+
key: index,
|
|
348
|
+
href: link.href,
|
|
349
|
+
className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
|
|
350
|
+
},
|
|
351
|
+
link.label
|
|
352
|
+
))))))
|
|
353
|
+
);
|
|
351
354
|
};
|
|
352
355
|
|
|
353
356
|
// src/components/Footer.tsx
|
|
@@ -492,7 +495,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
492
495
|
setIsLoading(false);
|
|
493
496
|
}
|
|
494
497
|
};
|
|
495
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/
|
|
498
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react9.default.createElement(
|
|
496
499
|
"div",
|
|
497
500
|
{
|
|
498
501
|
className: "w-full max-w-md bg-white rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
|
|
@@ -590,7 +593,7 @@ var HeroSection = ({
|
|
|
590
593
|
setIsWaitlistOpen(true);
|
|
591
594
|
}
|
|
592
595
|
};
|
|
593
|
-
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center p-
|
|
596
|
+
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center p-4" }, /* @__PURE__ */ import_react10.default.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ import_react10.default.createElement(
|
|
594
597
|
"video",
|
|
595
598
|
{
|
|
596
599
|
src: bgVideoSrc,
|
|
@@ -625,9 +628,11 @@ var HeroSection = ({
|
|
|
625
628
|
className: "leading-[0.85] tracking-[-0.07em] text-[18.2vw] sm:text-[16.8vw] md:text-[15.4vw] lg:text-[14vw] xl:text-[13.3vw] 2xl:text-[14vw] text-[#ffffff]"
|
|
626
629
|
},
|
|
627
630
|
/* @__PURE__ */ import_react10.default.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ import_react10.default.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ import_react10.default.createElement("br", null), highlightText, /* @__PURE__ */ import_react10.default.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
|
|
628
|
-
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText &&
|
|
629
|
-
|
|
631
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText && // Changed from <button> to <Link> so it actually navigates!
|
|
632
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
633
|
+
import_link4.default,
|
|
630
634
|
{
|
|
635
|
+
href: isWaitlist ? "#" : ctaHref || "#",
|
|
631
636
|
onClick: handleCtaClick,
|
|
632
637
|
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-[#ffffff] pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
|
|
633
638
|
},
|
|
@@ -901,7 +906,7 @@ var ManagedDocument = ({
|
|
|
901
906
|
}, []);
|
|
902
907
|
return (
|
|
903
908
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
904
|
-
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-
|
|
909
|
+
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react17.default.createElement(
|
|
905
910
|
"h1",
|
|
906
911
|
{
|
|
907
912
|
ref: titleRef,
|
|
@@ -941,7 +946,7 @@ var ManagedContactBlock = ({
|
|
|
941
946
|
emails,
|
|
942
947
|
socials
|
|
943
948
|
}) => {
|
|
944
|
-
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-
|
|
949
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
945
950
|
"div",
|
|
946
951
|
{
|
|
947
952
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1095,7 +1100,7 @@ var ManagedBoardBlock = ({
|
|
|
1095
1100
|
contactText,
|
|
1096
1101
|
contactEmail
|
|
1097
1102
|
}) => {
|
|
1098
|
-
return /* @__PURE__ */ import_react21.default.createElement("div", { className: "grow pt-
|
|
1103
|
+
return /* @__PURE__ */ import_react21.default.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ import_react21.default.createElement(
|
|
1099
1104
|
"div",
|
|
1100
1105
|
{
|
|
1101
1106
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1575,7 +1580,7 @@ var ManagedProjectsBlock = ({
|
|
|
1575
1580
|
title,
|
|
1576
1581
|
projects
|
|
1577
1582
|
}) => {
|
|
1578
|
-
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "grow pt-
|
|
1583
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react37.default.createElement(
|
|
1579
1584
|
"div",
|
|
1580
1585
|
{
|
|
1581
1586
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
package/dist/index.mjs
CHANGED
|
@@ -267,27 +267,30 @@ var Header = ({
|
|
|
267
267
|
const brandSubtitleClass = "text-neutral-500";
|
|
268
268
|
const shouldInvertLogo = !invert;
|
|
269
269
|
if (!mounted) {
|
|
270
|
-
return /* @__PURE__ */ React4.createElement("div", { className: "
|
|
270
|
+
return /* @__PURE__ */ React4.createElement("div", { className: "w-full h-20 px-4 pt-4 sm:pt-6" });
|
|
271
271
|
}
|
|
272
|
-
return
|
|
273
|
-
|
|
274
|
-
{
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
{
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
272
|
+
return (
|
|
273
|
+
// Removed 'absolute inset-x-0 top-0 z-50 pointer-events-none' to let it sit in the normal document flow
|
|
274
|
+
/* @__PURE__ */ React4.createElement("div", { className: "w-full px-4 pt-4 sm:pt-6 mb-4" }, /* @__PURE__ */ React4.createElement("div", { className: "max-w-5xl mx-auto w-full flex justify-center" }, /* @__PURE__ */ React4.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ React4.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ React4.createElement(Link2, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ React4.createElement(
|
|
275
|
+
Image,
|
|
276
|
+
{
|
|
277
|
+
src: logoSrc,
|
|
278
|
+
alt: `${companyName} Logo`,
|
|
279
|
+
width: 40,
|
|
280
|
+
height: 40,
|
|
281
|
+
className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
|
|
282
|
+
priority: true
|
|
283
|
+
}
|
|
284
|
+
), !hideHeaderText && /* @__PURE__ */ React4.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React4.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ React4.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ React4.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ React4.createElement(
|
|
285
|
+
NavLink,
|
|
286
|
+
{
|
|
287
|
+
key: index,
|
|
288
|
+
href: link.href,
|
|
289
|
+
className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
|
|
290
|
+
},
|
|
291
|
+
link.label
|
|
292
|
+
))))))
|
|
293
|
+
);
|
|
291
294
|
};
|
|
292
295
|
|
|
293
296
|
// src/components/Footer.tsx
|
|
@@ -432,7 +435,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
432
435
|
setIsLoading(false);
|
|
433
436
|
}
|
|
434
437
|
};
|
|
435
|
-
return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/
|
|
438
|
+
return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60" }, /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React7.createElement(
|
|
436
439
|
"div",
|
|
437
440
|
{
|
|
438
441
|
className: "w-full max-w-md bg-white rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
|
|
@@ -530,7 +533,7 @@ var HeroSection = ({
|
|
|
530
533
|
setIsWaitlistOpen(true);
|
|
531
534
|
}
|
|
532
535
|
};
|
|
533
|
-
return /* @__PURE__ */ React8.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center p-
|
|
536
|
+
return /* @__PURE__ */ React8.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center p-4" }, /* @__PURE__ */ React8.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ React8.createElement(
|
|
534
537
|
"video",
|
|
535
538
|
{
|
|
536
539
|
src: bgVideoSrc,
|
|
@@ -565,9 +568,11 @@ var HeroSection = ({
|
|
|
565
568
|
className: "leading-[0.85] tracking-[-0.07em] text-[18.2vw] sm:text-[16.8vw] md:text-[15.4vw] lg:text-[14vw] xl:text-[13.3vw] 2xl:text-[14vw] text-[#ffffff]"
|
|
566
569
|
},
|
|
567
570
|
/* @__PURE__ */ React8.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ React8.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ React8.createElement("br", null), highlightText, /* @__PURE__ */ React8.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
|
|
568
|
-
)), /* @__PURE__ */ React8.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React8.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText &&
|
|
569
|
-
|
|
571
|
+
)), /* @__PURE__ */ React8.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React8.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText && // Changed from <button> to <Link> so it actually navigates!
|
|
572
|
+
/* @__PURE__ */ React8.createElement(
|
|
573
|
+
Link4,
|
|
570
574
|
{
|
|
575
|
+
href: isWaitlist ? "#" : ctaHref || "#",
|
|
571
576
|
onClick: handleCtaClick,
|
|
572
577
|
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-[#ffffff] pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
|
|
573
578
|
},
|
|
@@ -841,7 +846,7 @@ var ManagedDocument = ({
|
|
|
841
846
|
}, []);
|
|
842
847
|
return (
|
|
843
848
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
844
|
-
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-
|
|
849
|
+
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React12.createElement(
|
|
845
850
|
"h1",
|
|
846
851
|
{
|
|
847
852
|
ref: titleRef,
|
|
@@ -881,7 +886,7 @@ var ManagedContactBlock = ({
|
|
|
881
886
|
emails,
|
|
882
887
|
socials
|
|
883
888
|
}) => {
|
|
884
|
-
return /* @__PURE__ */ React13.createElement("div", { className: "grow pt-
|
|
889
|
+
return /* @__PURE__ */ React13.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React13.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React13.createElement(
|
|
885
890
|
"div",
|
|
886
891
|
{
|
|
887
892
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1035,7 +1040,7 @@ var ManagedBoardBlock = ({
|
|
|
1035
1040
|
contactText,
|
|
1036
1041
|
contactEmail
|
|
1037
1042
|
}) => {
|
|
1038
|
-
return /* @__PURE__ */ React15.createElement("div", { className: "grow pt-
|
|
1043
|
+
return /* @__PURE__ */ React15.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ React15.createElement(
|
|
1039
1044
|
"div",
|
|
1040
1045
|
{
|
|
1041
1046
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1515,7 +1520,7 @@ var ManagedProjectsBlock = ({
|
|
|
1515
1520
|
title,
|
|
1516
1521
|
projects
|
|
1517
1522
|
}) => {
|
|
1518
|
-
return /* @__PURE__ */ React25.createElement("div", { className: "grow pt-
|
|
1523
|
+
return /* @__PURE__ */ React25.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React25.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ React25.createElement(
|
|
1519
1524
|
"div",
|
|
1520
1525
|
{
|
|
1521
1526
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|