@retinalabsllc/zairusjs 0.6.8 → 0.6.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.
package/dist/index.js CHANGED
@@ -536,8 +536,9 @@ var NavLink = ({
536
536
  }) => {
537
537
  const pathname = (0, import_navigation2.usePathname)();
538
538
  const isActive = pathname === href;
539
- const activeClass = light ? "text-neutral-950 font-medium" : "text-white font-medium";
540
- const inactiveClass = light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
539
+ const isRoot = pathname === "/";
540
+ const activeClass = isRoot ? "text-white font-medium" : light ? "text-neutral-950 font-medium" : "text-white font-medium";
541
+ const inactiveClass = isRoot ? "text-white/80 hover:text-white" : light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
541
542
  return /* @__PURE__ */ import_react7.default.createElement(
542
543
  import_link2.default,
543
544
  {
@@ -560,12 +561,14 @@ var Header = ({
560
561
  compact = false
561
562
  // Defaults to false (full width)
562
563
  }) => {
563
- const headerBgStyle = light ? "bg-white/95 border-white/40 shadow-[0_8px_60px_rgba(0,0,0,0.06)]" : "bg-black/95 border-white/10 shadow-[0_8px_60px_rgba(0,0,0,0.2)]";
564
- const headerLayoutWidth = compact ? "w-fit mx-auto gap-8 md:gap-16" : "w-full justify-between";
565
- const titleColor = light ? "text-black" : "text-white";
566
- const subtitleColor = light ? "text-neutral-500" : "text-neutral-400";
564
+ const pathname = (0, import_navigation2.usePathname)();
565
+ const isRoot = pathname === "/";
566
+ const headerBgStyle = light ? "bg-transparent border-white/40 shadow-[0_8px_60px_rgba(0,0,0,0.06)]" : "bg-transparent border-white/10 shadow-[0_8px_60px_rgba(0,0,0,0.2)]";
567
+ const headerLayoutWidth = compact ? "w-fit rounded-full px-4 mt-4 mx-auto gap-8 md:gap-16" : "w-full justify-between";
568
+ const titleColor = isRoot ? "text-white" : light ? "text-black" : "text-white";
569
+ const subtitleColor = isRoot ? "text-white/80" : light ? "text-neutral-500" : "text-neutral-400";
567
570
  const hasBrandSection = showLogo || !hideHeaderText;
568
- return /* @__PURE__ */ import_react7.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none px-4 pt-4 sm:pt-6" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "max-w-5xl mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ import_react7.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgStyle} backdrop-blur-md rounded-full py-2 px-6 flex items-center border transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react7.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70" }, showLogo && /* @__PURE__ */ import_react7.default.createElement(
571
+ return /* @__PURE__ */ import_react7.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none " }, /* @__PURE__ */ import_react7.default.createElement("div", { className: " mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ import_react7.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgStyle} backdrop-blur-md py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react7.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70" }, showLogo && /* @__PURE__ */ import_react7.default.createElement(
569
572
  import_image.default,
570
573
  {
571
574
  src: logoSrc,
@@ -676,7 +679,7 @@ var HeroSection = ({
676
679
  className: "w-full sm:w-60 inline-flex items-center justify-center text-[12px] tracking-widest rounded-full px-8 py-2.5 bg-white text-black transition-colors hover:bg-neutral-200 outline-none"
677
680
  },
678
681
  secondaryCtaText
679
- )), showImage && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full max-w-4xl mx-auto px-2 sm:px-6" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full flex flex-col items-center" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full rounded-t-xl overflow-hidden border-[5px] border-[#1c1c1e] bg-[#1c1c1e] shadow-2xl aspect-video" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute top-1.5 left-1/2 -translate-x-1/2 w-2.5 h-2.5 bg-[#0a0a0b] rounded-full flex items-center justify-center z-30" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-1 h-1 bg-[#1a2d42] rounded-full" })), /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full h-full rounded-sm overflow-hidden" }, /* @__PURE__ */ import_react10.default.createElement(
682
+ )), showImage && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full max-w-4xl mx-auto px-2 sm:px-6" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full flex flex-col items-center" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full aspect-video rounded-xl overflow-hidden" }, /* @__PURE__ */ import_react10.default.createElement(
680
683
  import_image2.default,
681
684
  {
682
685
  src: imageSrc,
@@ -686,7 +689,7 @@ var HeroSection = ({
686
689
  className: "object-cover object-top",
687
690
  priority: true
688
691
  }
689
- ))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-[105%] h-2 md:h-2.5 bg-linear-to-b from-[#e2e8f0] via-[#cbd5e1] to-[#94a3b8] rounded-b-xl border-t border-slate-300 shadow-xl flex justify-center" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-16 md:w-24 h-1 md:h-1.5 bg-slate-400/30 rounded-b-md" }))))));
692
+ ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-1/2 bg-linear-to-t from-[#f5f5f5] via-[#f5f5f5]/80 to-transparent pointer-events-none" }))))));
690
693
  };
691
694
 
692
695
  // src/components/AppBento2.tsx
@@ -3670,14 +3673,14 @@ var UniversalDeveloperSettings = ({
3670
3673
  setWebhookUrl(val.trim());
3671
3674
  };
3672
3675
  const downloadEnvironmentFile = (pubKey, secKey) => {
3673
- const envContent = `RETINA_PUBLIC_KEY="${pubKey}"
3674
- RETINA_SECRET_KEY="${secKey}"
3676
+ const envContent = `AUDDITUR_PUBLIC_KEY="${pubKey}"
3677
+ AUDDITUR_SECRET_KEY="${secKey}"
3675
3678
  `;
3676
3679
  const blob = new Blob([envContent], { type: "text/plain" });
3677
3680
  const url = URL.createObjectURL(blob);
3678
3681
  const link = document.createElement("a");
3679
3682
  link.href = url;
3680
- link.download = "retina-keys.env";
3683
+ link.download = "auditor-keys.env";
3681
3684
  document.body.appendChild(link);
3682
3685
  link.click();
3683
3686
  document.body.removeChild(link);
package/dist/index.mjs CHANGED
@@ -459,8 +459,9 @@ var NavLink = ({
459
459
  }) => {
460
460
  const pathname = usePathname();
461
461
  const isActive = pathname === href;
462
- const activeClass = light ? "text-neutral-950 font-medium" : "text-white font-medium";
463
- const inactiveClass = light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
462
+ const isRoot = pathname === "/";
463
+ const activeClass = isRoot ? "text-white font-medium" : light ? "text-neutral-950 font-medium" : "text-white font-medium";
464
+ const inactiveClass = isRoot ? "text-white/80 hover:text-white" : light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
464
465
  return /* @__PURE__ */ React5.createElement(
465
466
  Link2,
466
467
  {
@@ -483,12 +484,14 @@ var Header = ({
483
484
  compact = false
484
485
  // Defaults to false (full width)
485
486
  }) => {
486
- const headerBgStyle = light ? "bg-white/95 border-white/40 shadow-[0_8px_60px_rgba(0,0,0,0.06)]" : "bg-black/95 border-white/10 shadow-[0_8px_60px_rgba(0,0,0,0.2)]";
487
- const headerLayoutWidth = compact ? "w-fit mx-auto gap-8 md:gap-16" : "w-full justify-between";
488
- const titleColor = light ? "text-black" : "text-white";
489
- const subtitleColor = light ? "text-neutral-500" : "text-neutral-400";
487
+ const pathname = usePathname();
488
+ const isRoot = pathname === "/";
489
+ const headerBgStyle = light ? "bg-transparent border-white/40 shadow-[0_8px_60px_rgba(0,0,0,0.06)]" : "bg-transparent border-white/10 shadow-[0_8px_60px_rgba(0,0,0,0.2)]";
490
+ const headerLayoutWidth = compact ? "w-fit rounded-full px-4 mt-4 mx-auto gap-8 md:gap-16" : "w-full justify-between";
491
+ const titleColor = isRoot ? "text-white" : light ? "text-black" : "text-white";
492
+ const subtitleColor = isRoot ? "text-white/80" : light ? "text-neutral-500" : "text-neutral-400";
490
493
  const hasBrandSection = showLogo || !hideHeaderText;
491
- return /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none px-4 pt-4 sm:pt-6" }, /* @__PURE__ */ React5.createElement("div", { className: "max-w-5xl mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ React5.createElement("header", { className: `${headerLayoutWidth} ${headerBgStyle} backdrop-blur-md rounded-full py-2 px-6 flex items-center border transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ React5.createElement(Link2, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70" }, showLogo && /* @__PURE__ */ React5.createElement(
494
+ return /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none " }, /* @__PURE__ */ React5.createElement("div", { className: " mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ React5.createElement("header", { className: `${headerLayoutWidth} ${headerBgStyle} backdrop-blur-md py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ React5.createElement(Link2, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70" }, showLogo && /* @__PURE__ */ React5.createElement(
492
495
  Image,
493
496
  {
494
497
  src: logoSrc,
@@ -599,7 +602,7 @@ var HeroSection = ({
599
602
  className: "w-full sm:w-60 inline-flex items-center justify-center text-[12px] tracking-widest rounded-full px-8 py-2.5 bg-white text-black transition-colors hover:bg-neutral-200 outline-none"
600
603
  },
601
604
  secondaryCtaText
602
- )), showImage && /* @__PURE__ */ React7.createElement("div", { className: "w-full max-w-4xl mx-auto px-2 sm:px-6" }, /* @__PURE__ */ React7.createElement("div", { className: "relative w-full flex flex-col items-center" }, /* @__PURE__ */ React7.createElement("div", { className: "relative w-full rounded-t-xl overflow-hidden border-[5px] border-[#1c1c1e] bg-[#1c1c1e] shadow-2xl aspect-video" }, /* @__PURE__ */ React7.createElement("div", { className: "absolute top-1.5 left-1/2 -translate-x-1/2 w-2.5 h-2.5 bg-[#0a0a0b] rounded-full flex items-center justify-center z-30" }, /* @__PURE__ */ React7.createElement("div", { className: "w-1 h-1 bg-[#1a2d42] rounded-full" })), /* @__PURE__ */ React7.createElement("div", { className: "relative w-full h-full rounded-sm overflow-hidden" }, /* @__PURE__ */ React7.createElement(
605
+ )), showImage && /* @__PURE__ */ React7.createElement("div", { className: "w-full max-w-4xl mx-auto px-2 sm:px-6" }, /* @__PURE__ */ React7.createElement("div", { className: "relative w-full flex flex-col items-center" }, /* @__PURE__ */ React7.createElement("div", { className: "relative w-full aspect-video rounded-xl overflow-hidden" }, /* @__PURE__ */ React7.createElement(
603
606
  Image2,
604
607
  {
605
608
  src: imageSrc,
@@ -609,7 +612,7 @@ var HeroSection = ({
609
612
  className: "object-cover object-top",
610
613
  priority: true
611
614
  }
612
- ))), /* @__PURE__ */ React7.createElement("div", { className: "relative w-[105%] h-2 md:h-2.5 bg-linear-to-b from-[#e2e8f0] via-[#cbd5e1] to-[#94a3b8] rounded-b-xl border-t border-slate-300 shadow-xl flex justify-center" }, /* @__PURE__ */ React7.createElement("div", { className: "w-16 md:w-24 h-1 md:h-1.5 bg-slate-400/30 rounded-b-md" }))))));
615
+ ), /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-x-0 bottom-0 h-1/2 bg-linear-to-t from-[#f5f5f5] via-[#f5f5f5]/80 to-transparent pointer-events-none" }))))));
613
616
  };
614
617
 
615
618
  // src/components/AppBento2.tsx
@@ -3628,14 +3631,14 @@ var UniversalDeveloperSettings = ({
3628
3631
  setWebhookUrl(val.trim());
3629
3632
  };
3630
3633
  const downloadEnvironmentFile = (pubKey, secKey) => {
3631
- const envContent = `RETINA_PUBLIC_KEY="${pubKey}"
3632
- RETINA_SECRET_KEY="${secKey}"
3634
+ const envContent = `AUDDITUR_PUBLIC_KEY="${pubKey}"
3635
+ AUDDITUR_SECRET_KEY="${secKey}"
3633
3636
  `;
3634
3637
  const blob = new Blob([envContent], { type: "text/plain" });
3635
3638
  const url = URL.createObjectURL(blob);
3636
3639
  const link = document.createElement("a");
3637
3640
  link.href = url;
3638
- link.download = "retina-keys.env";
3641
+ link.download = "auditor-keys.env";
3639
3642
  document.body.appendChild(link);
3640
3643
  link.click();
3641
3644
  document.body.removeChild(link);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "0.6.8",
3
+ "version": "0.6.9",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",