@retinalabsllc/zairusjs 6.1.0 → 6.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +49 -71
  2. package/dist/index.mjs +49 -71
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -440,80 +440,58 @@ var HeroSection = ({
440
440
  }
441
441
  return () => observer.disconnect();
442
442
  }, []);
443
- return /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 flex flex-col items-center justify-center overflow-hidden w-full bg-neutral-100" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 w-full h-full z-0 overflow-hidden" }, bgVideoSrc ? /* @__PURE__ */ import_react8.default.createElement(
444
- "video",
445
- {
446
- src: bgVideoSrc,
447
- poster: bgImageSrc,
448
- autoPlay: true,
449
- loop: true,
450
- muted: true,
451
- playsInline: true,
452
- className: "absolute inset-0 w-full h-full object-cover z-0 opacity-80"
453
- }
454
- ) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
455
- import_image2.default,
456
- {
457
- src: bgImageSrc,
458
- alt: "Hero Background",
459
- fill: true,
460
- priority: true,
461
- className: "object-cover z-0 opacity-80"
462
- }
463
- ) : null, /* @__PURE__ */ import_react8.default.createElement(
464
- "div",
465
- {
466
- className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
467
- style: {
468
- backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 35%, rgba(0,0,0,0.05) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.1) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
469
- backgroundSize: "cover",
470
- backgroundPosition: "center"
443
+ return (
444
+ // Outer section provides the "space from the wall" (padding)
445
+ /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative w-full px-4 sm:px-6 lg:px-8 pt-24 sm:pt-32 pb-12 flex justify-center overflow-hidden" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full max-w-350 bg-white rounded-2xl min-h-[80vh] p-6 sm:p-12 lg:p-16 flex flex-col lg:flex-row items-center gap-12 lg:gap-16 relative" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex-1 flex flex-col items-start text-left z-20 w-full mt-8 lg:mt-0" }, badgeText && /* @__PURE__ */ import_react8.default.createElement("span", { className: "inline-block py-1.5 px-4 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium tracking-wide mb-8" }, badgeText), /* @__PURE__ */ import_react8.default.createElement(
446
+ "h1",
447
+ {
448
+ ref: titleRef,
449
+ className: `text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-light mb-6 text-neutral-900 tracking-tight leading-[1.1] max-w-2xl`,
450
+ style: isAnimating ? { animationIterationCount: 1 } : {}
451
+ },
452
+ titlePrefix,
453
+ " ",
454
+ /* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text block mt-2" }, highlightText)
455
+ ), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[15px] md:text-[17px] text-neutral-500 max-w-xl mb-12 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col gap-4 w-full sm:w-auto mb-16" }, ctaText && ctaHref && // Widened to sm:w-80 (320px) on desktop
456
+ /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full sm:w-80 flex justify-start *:w-full" }, /* @__PURE__ */ import_react8.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react8.default.createElement(
457
+ import_link4.default,
458
+ {
459
+ href: secondaryCtaHref,
460
+ className: "w-full sm:w-80 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-3.5 bg-neutral-100 text-center text-neutral-700 hover:bg-neutral-200 outline-none transition-colors duration-300"
461
+ },
462
+ secondaryCtaText
463
+ )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-start mt-auto" }, appsText && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[10px] font-medium tracking-[0.15em] text-neutral-400 mb-5 uppercase" }, appsText), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-wrap justify-start items-center gap-6 opacity-80 mix-blend-multiply" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react8.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 flex items-center justify-center cursor-default grayscale hover:grayscale-0 transition-all duration-300" }, /* @__PURE__ */ import_react8.default.createElement(
464
+ import_image2.default,
465
+ {
466
+ src: logo.src,
467
+ alt: logo.alt,
468
+ width: 40,
469
+ height: 40,
470
+ className: "object-contain h-full w-auto"
471
471
  }
472
- }
473
- ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 z-10" }), /* @__PURE__ */ import_react8.default.createElement(
474
- "div",
475
- {
476
- className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
477
- style: {
478
- backgroundImage: "radial-gradient(circle at center, rgba(0,0,0,0.15) 1px, transparent 1px)",
479
- backgroundSize: "32px 32px"
472
+ )))))), (bgVideoSrc || bgImageSrc) && // Drops below text on mobile. Square on mobile (aspect-square), taller on desktop (lg:aspect-[4/5])
473
+ /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full lg:w-[45%] xl:w-[50%] relative aspect-square lg:aspect-4/5 rounded-2xl overflow-hidden bg-neutral-100 flex items-center justify-center shrink-0" }, bgVideoSrc ? /* @__PURE__ */ import_react8.default.createElement(
474
+ "video",
475
+ {
476
+ src: bgVideoSrc,
477
+ poster: bgImageSrc,
478
+ autoPlay: true,
479
+ loop: true,
480
+ muted: true,
481
+ playsInline: true,
482
+ className: "absolute inset-0 w-full h-full object-cover"
480
483
  }
481
- }
482
- ), /* @__PURE__ */ import_react8.default.createElement(
483
- "div",
484
- {
485
- className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.05] mix-blend-overlay",
486
- style: {
487
- backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`
484
+ ) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
485
+ import_image2.default,
486
+ {
487
+ src: bgImageSrc,
488
+ alt: "Hero Media",
489
+ fill: true,
490
+ priority: true,
491
+ className: "object-cover"
488
492
  }
489
- }
490
- ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-neutral-100 to-transparent z-10 pointer-events-none" })), /* @__PURE__ */ import_react8.default.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-20" }, /* @__PURE__ */ import_react8.default.createElement(
491
- "h1",
492
- {
493
- ref: titleRef,
494
- className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-white tracking-tight leading-[1.05] max-w-4xl`,
495
- style: isAnimating ? { animationIterationCount: 1 } : {}
496
- },
497
- titlePrefix,
498
- " ",
499
- /* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text" }, highlightText)
500
- ), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[14px] md:text-[16px] text-neutral-600 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-16" }, ctaText && ctaHref && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react8.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react8.default.createElement(
501
- import_link4.default,
502
- {
503
- href: secondaryCtaHref,
504
- className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-2.5 border border-neutral-100 text-center text-white hover:bg-black/80 outline-none transition-all"
505
- },
506
- secondaryCtaText
507
- )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-500 mb-5 " }, appsText), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react8.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default" }, /* @__PURE__ */ import_react8.default.createElement(
508
- import_image2.default,
509
- {
510
- src: logo.src,
511
- alt: logo.alt,
512
- width: 50,
513
- height: 50,
514
- className: "object-contain h-full w-auto"
515
- }
516
- )))))));
493
+ ) : null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 bg-black/5 pointer-events-none mix-blend-overlay" }))))
494
+ );
517
495
  };
518
496
 
519
497
  // src/components/AppBento2.tsx
package/dist/index.mjs CHANGED
@@ -381,80 +381,58 @@ var HeroSection = ({
381
381
  }
382
382
  return () => observer.disconnect();
383
383
  }, []);
384
- return /* @__PURE__ */ React6.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 flex flex-col items-center justify-center overflow-hidden w-full bg-neutral-100" }, /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 w-full h-full z-0 overflow-hidden" }, bgVideoSrc ? /* @__PURE__ */ React6.createElement(
385
- "video",
386
- {
387
- src: bgVideoSrc,
388
- poster: bgImageSrc,
389
- autoPlay: true,
390
- loop: true,
391
- muted: true,
392
- playsInline: true,
393
- className: "absolute inset-0 w-full h-full object-cover z-0 opacity-80"
394
- }
395
- ) : bgImageSrc ? /* @__PURE__ */ React6.createElement(
396
- Image2,
397
- {
398
- src: bgImageSrc,
399
- alt: "Hero Background",
400
- fill: true,
401
- priority: true,
402
- className: "object-cover z-0 opacity-80"
403
- }
404
- ) : null, /* @__PURE__ */ React6.createElement(
405
- "div",
406
- {
407
- className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
408
- style: {
409
- backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 35%, rgba(0,0,0,0.05) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.1) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
410
- backgroundSize: "cover",
411
- backgroundPosition: "center"
384
+ return (
385
+ // Outer section provides the "space from the wall" (padding)
386
+ /* @__PURE__ */ React6.createElement("section", { className: "relative w-full px-4 sm:px-6 lg:px-8 pt-24 sm:pt-32 pb-12 flex justify-center overflow-hidden" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full max-w-350 bg-white rounded-2xl min-h-[80vh] p-6 sm:p-12 lg:p-16 flex flex-col lg:flex-row items-center gap-12 lg:gap-16 relative" }, /* @__PURE__ */ React6.createElement("div", { className: "flex-1 flex flex-col items-start text-left z-20 w-full mt-8 lg:mt-0" }, badgeText && /* @__PURE__ */ React6.createElement("span", { className: "inline-block py-1.5 px-4 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium tracking-wide mb-8" }, badgeText), /* @__PURE__ */ React6.createElement(
387
+ "h1",
388
+ {
389
+ ref: titleRef,
390
+ className: `text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-light mb-6 text-neutral-900 tracking-tight leading-[1.1] max-w-2xl`,
391
+ style: isAnimating ? { animationIterationCount: 1 } : {}
392
+ },
393
+ titlePrefix,
394
+ " ",
395
+ /* @__PURE__ */ React6.createElement("span", { className: "font-medium gradient-text block mt-2" }, highlightText)
396
+ ), subtitle && /* @__PURE__ */ React6.createElement("p", { className: "text-[15px] md:text-[17px] text-neutral-500 max-w-xl mb-12 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-4 w-full sm:w-auto mb-16" }, ctaText && ctaHref && // Widened to sm:w-80 (320px) on desktop
397
+ /* @__PURE__ */ React6.createElement("div", { className: "w-full sm:w-80 flex justify-start *:w-full" }, /* @__PURE__ */ React6.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React6.createElement(
398
+ Link4,
399
+ {
400
+ href: secondaryCtaHref,
401
+ className: "w-full sm:w-80 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-3.5 bg-neutral-100 text-center text-neutral-700 hover:bg-neutral-200 outline-none transition-colors duration-300"
402
+ },
403
+ secondaryCtaText
404
+ )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex flex-col items-start mt-auto" }, appsText && /* @__PURE__ */ React6.createElement("p", { className: "text-[10px] font-medium tracking-[0.15em] text-neutral-400 mb-5 uppercase" }, appsText), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap justify-start items-center gap-6 opacity-80 mix-blend-multiply" }, appLogos.map((logo, idx) => /* @__PURE__ */ React6.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 flex items-center justify-center cursor-default grayscale hover:grayscale-0 transition-all duration-300" }, /* @__PURE__ */ React6.createElement(
405
+ Image2,
406
+ {
407
+ src: logo.src,
408
+ alt: logo.alt,
409
+ width: 40,
410
+ height: 40,
411
+ className: "object-contain h-full w-auto"
412
412
  }
413
- }
414
- ), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-10" }), /* @__PURE__ */ React6.createElement(
415
- "div",
416
- {
417
- className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
418
- style: {
419
- backgroundImage: "radial-gradient(circle at center, rgba(0,0,0,0.15) 1px, transparent 1px)",
420
- backgroundSize: "32px 32px"
413
+ )))))), (bgVideoSrc || bgImageSrc) && // Drops below text on mobile. Square on mobile (aspect-square), taller on desktop (lg:aspect-[4/5])
414
+ /* @__PURE__ */ React6.createElement("div", { className: "w-full lg:w-[45%] xl:w-[50%] relative aspect-square lg:aspect-4/5 rounded-2xl overflow-hidden bg-neutral-100 flex items-center justify-center shrink-0" }, bgVideoSrc ? /* @__PURE__ */ React6.createElement(
415
+ "video",
416
+ {
417
+ src: bgVideoSrc,
418
+ poster: bgImageSrc,
419
+ autoPlay: true,
420
+ loop: true,
421
+ muted: true,
422
+ playsInline: true,
423
+ className: "absolute inset-0 w-full h-full object-cover"
421
424
  }
422
- }
423
- ), /* @__PURE__ */ React6.createElement(
424
- "div",
425
- {
426
- className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.05] mix-blend-overlay",
427
- style: {
428
- backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`
425
+ ) : bgImageSrc ? /* @__PURE__ */ React6.createElement(
426
+ Image2,
427
+ {
428
+ src: bgImageSrc,
429
+ alt: "Hero Media",
430
+ fill: true,
431
+ priority: true,
432
+ className: "object-cover"
429
433
  }
430
- }
431
- ), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-neutral-100 to-transparent z-10 pointer-events-none" })), /* @__PURE__ */ React6.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-20" }, /* @__PURE__ */ React6.createElement(
432
- "h1",
433
- {
434
- ref: titleRef,
435
- className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-white tracking-tight leading-[1.05] max-w-4xl`,
436
- style: isAnimating ? { animationIterationCount: 1 } : {}
437
- },
438
- titlePrefix,
439
- " ",
440
- /* @__PURE__ */ React6.createElement("span", { className: "font-medium gradient-text" }, highlightText)
441
- ), subtitle && /* @__PURE__ */ React6.createElement("p", { className: "text-[14px] md:text-[16px] text-neutral-600 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-16" }, ctaText && ctaHref && /* @__PURE__ */ React6.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ React6.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React6.createElement(
442
- Link4,
443
- {
444
- href: secondaryCtaHref,
445
- className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-2.5 border border-neutral-100 text-center text-white hover:bg-black/80 outline-none transition-all"
446
- },
447
- secondaryCtaText
448
- )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ React6.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-500 mb-5 " }, appsText), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ React6.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default" }, /* @__PURE__ */ React6.createElement(
449
- Image2,
450
- {
451
- src: logo.src,
452
- alt: logo.alt,
453
- width: 50,
454
- height: 50,
455
- className: "object-contain h-full w-auto"
456
- }
457
- )))))));
434
+ ) : null, /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 bg-black/5 pointer-events-none mix-blend-overlay" }))))
435
+ );
458
436
  };
459
437
 
460
438
  // src/components/AppBento2.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "6.1.0",
3
+ "version": "6.1.9",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",