@retinalabsllc/zairusjs 4.0.10 → 4.0.12

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 +8 -8
  2. package/dist/index.mjs +8 -8
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -140,7 +140,7 @@ var Faq = ({
140
140
  "div",
141
141
  {
142
142
  key: index,
143
- className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-black border-transparent" : "border border-neutral-100 hover:border-neutral-300"}`,
143
+ className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-black border-transparent" : "border border-neutral-200 hover:border-neutral-300"}`,
144
144
  style: { boxShadow: getShadowStyle() }
145
145
  },
146
146
  isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -553,7 +553,7 @@ function AuthFormInner({
553
553
  ))))), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col items-center gap-1.5 animate-in slide-in-from-bottom-3 duration-500 delay-100" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center gap-2.5 px-3 py-1.5 bg-white rounded-full" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-5 h-5 bg-neutral-100 rounded-full flex items-center justify-center shrink-0 overflow-hidden relative" }, /* @__PURE__ */ import_react5.default.createElement(
554
554
  "img",
555
555
  {
556
- src: "https://retinalabs.company/assets/images/retina_.avif",
556
+ src: "https://retinalabs.company/assets/images/retina.avif",
557
557
  alt: "Retina Labs Logo",
558
558
  className: "w-full h-full object-cover rounded-full",
559
559
  onError: (e) => {
@@ -618,7 +618,7 @@ var Header = ({
618
618
  alt: `${companyName} Logo`,
619
619
  width: 40,
620
620
  height: 40,
621
- className: `object-contain w-6 h-auto ${invert ? "invert" : ""}`,
621
+ className: `object-contain w-8 h-auto ${invert ? "invert" : ""}`,
622
622
  priority: true
623
623
  }
624
624
  ), !hideHeaderText && /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 transition-colors ${titleColor}` }, companyName), subtitle && /* @__PURE__ */ import_react6.default.createElement("span", { className: `text-[9px] tracking-widest leading-none transition-colors ${subtitleColor}` }, subtitle)))), /* @__PURE__ */ import_react6.default.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ import_react6.default.createElement(
@@ -918,7 +918,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
918
918
  {
919
919
  onClick: () => scroll("left"),
920
920
  disabled: !canScrollLeft,
921
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-100 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
921
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
922
922
  "aria-label": "Previous feature"
923
923
  },
924
924
  /* @__PURE__ */ import_react12.default.createElement(import_react13.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
@@ -927,7 +927,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
927
927
  {
928
928
  onClick: () => scroll("right"),
929
929
  disabled: !canScrollRight,
930
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-100 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
930
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
931
931
  "aria-label": "Next feature"
932
932
  },
933
933
  /* @__PURE__ */ import_react12.default.createElement(import_react13.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
@@ -944,7 +944,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
944
944
  {
945
945
  onClick: () => scroll("left"),
946
946
  disabled: !canScrollLeft,
947
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
947
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
948
948
  },
949
949
  /* @__PURE__ */ import_react12.default.createElement(import_react13.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
950
950
  ), /* @__PURE__ */ import_react12.default.createElement(
@@ -952,7 +952,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
952
952
  {
953
953
  onClick: () => scroll("right"),
954
954
  disabled: !canScrollRight,
955
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
955
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
956
956
  },
957
957
  /* @__PURE__ */ import_react12.default.createElement(import_react13.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
958
958
  ))));
@@ -1015,7 +1015,7 @@ var PlatformFeatures = ({
1015
1015
  className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
1016
1016
  style: { animationDelay: feature.delay || "0ms" }
1017
1017
  },
1018
- /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-100 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ import_react16.default.createElement(import_react17.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
1018
+ /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-200 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ import_react16.default.createElement(import_react17.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
1019
1019
  /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
1020
1020
  )))));
1021
1021
  };
package/dist/index.mjs CHANGED
@@ -54,7 +54,7 @@ var Faq = ({
54
54
  "div",
55
55
  {
56
56
  key: index,
57
- className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-black border-transparent" : "border border-neutral-100 hover:border-neutral-300"}`,
57
+ className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-black border-transparent" : "border border-neutral-200 hover:border-neutral-300"}`,
58
58
  style: { boxShadow: getShadowStyle() }
59
59
  },
60
60
  isOpen && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
@@ -467,7 +467,7 @@ function AuthFormInner({
467
467
  ))))), /* @__PURE__ */ React4.createElement("div", { className: "flex flex-col items-center gap-1.5 animate-in slide-in-from-bottom-3 duration-500 delay-100" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center gap-2.5 px-3 py-1.5 bg-white rounded-full" }, /* @__PURE__ */ React4.createElement("div", { className: "w-5 h-5 bg-neutral-100 rounded-full flex items-center justify-center shrink-0 overflow-hidden relative" }, /* @__PURE__ */ React4.createElement(
468
468
  "img",
469
469
  {
470
- src: "https://retinalabs.company/assets/images/retina_.avif",
470
+ src: "https://retinalabs.company/assets/images/retina.avif",
471
471
  alt: "Retina Labs Logo",
472
472
  className: "w-full h-full object-cover rounded-full",
473
473
  onError: (e) => {
@@ -532,7 +532,7 @@ var Header = ({
532
532
  alt: `${companyName} Logo`,
533
533
  width: 40,
534
534
  height: 40,
535
- className: `object-contain w-6 h-auto ${invert ? "invert" : ""}`,
535
+ className: `object-contain w-8 h-auto ${invert ? "invert" : ""}`,
536
536
  priority: true
537
537
  }
538
538
  ), !hideHeaderText && /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React5.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 transition-colors ${titleColor}` }, companyName), subtitle && /* @__PURE__ */ React5.createElement("span", { className: `text-[9px] tracking-widest leading-none transition-colors ${subtitleColor}` }, subtitle)))), /* @__PURE__ */ React5.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ React5.createElement(
@@ -832,7 +832,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
832
832
  {
833
833
  onClick: () => scroll("left"),
834
834
  disabled: !canScrollLeft,
835
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-100 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
835
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
836
836
  "aria-label": "Previous feature"
837
837
  },
838
838
  /* @__PURE__ */ React9.createElement(HugeiconsIcon4, { icon: ArrowLeft01Icon, size: 20 })
@@ -841,7 +841,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
841
841
  {
842
842
  onClick: () => scroll("right"),
843
843
  disabled: !canScrollRight,
844
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-100 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
844
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
845
845
  "aria-label": "Next feature"
846
846
  },
847
847
  /* @__PURE__ */ React9.createElement(HugeiconsIcon4, { icon: ArrowRight01Icon, size: 20 })
@@ -858,7 +858,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
858
858
  {
859
859
  onClick: () => scroll("left"),
860
860
  disabled: !canScrollLeft,
861
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
861
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
862
862
  },
863
863
  /* @__PURE__ */ React9.createElement(HugeiconsIcon4, { icon: ArrowLeft01Icon, size: 20 })
864
864
  ), /* @__PURE__ */ React9.createElement(
@@ -866,7 +866,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
866
866
  {
867
867
  onClick: () => scroll("right"),
868
868
  disabled: !canScrollRight,
869
- className: "p-4 border border-neutral-100 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
869
+ className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
870
870
  },
871
871
  /* @__PURE__ */ React9.createElement(HugeiconsIcon4, { icon: ArrowRight01Icon, size: 20 })
872
872
  ))));
@@ -929,7 +929,7 @@ var PlatformFeatures = ({
929
929
  className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
930
930
  style: { animationDelay: feature.delay || "0ms" }
931
931
  },
932
- /* @__PURE__ */ React11.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-100 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon6, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React11.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
932
+ /* @__PURE__ */ React11.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-200 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon6, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React11.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
933
933
  /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
934
934
  )))));
935
935
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "4.0.10",
3
+ "version": "4.0.12",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",
@@ -39,7 +39,7 @@
39
39
  "dependencies": {
40
40
  "@hugeicons/core-free-icons": "^1.1.0",
41
41
  "@hugeicons/react": "^1.1.1",
42
- "@retinalabsllc/zairusjs": "^1.3.2",
42
+ "@retinalabsllc/zairusjs": "^4.0.10",
43
43
  "clsx": "^2.1.1",
44
44
  "react-google-recaptcha-v3": "^1.11.0",
45
45
  "react-hot-toast": "^2.6.0",