@retinalabsllc/zairusjs 4.0.21 → 4.0.23

package/dist/index.js

@@ -623,24 +623,24 @@ function ShareCardInner({
       setIsVerifying(false);
     }
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-8 md:p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-20 h-20 bg-neutral-50 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ import_react6.default.createElement(FileIcon, null)), /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-lg text-black font-medium mb-8 truncate w-full max-w-70", title: fileName }, fileName), /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full h-12 flex items-center justify-center" }, !isDownloading ? /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-8 md:p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-18 h-18  flex items-center justify-center mb-6" }, /* @__PURE__ */ import_react6.default.createElement(FileIcon, null)), /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-lg text-black  mb-8  w-full max-w-70", title: fileName }, fileName), /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full  flex items-center justify-center" }, !isDownloading ? /* @__PURE__ */ import_react6.default.createElement(
     ThreeDActionButton,
     {
       type: "button",
       onClick: handleDownloadClick,
       disabled: isVerifying,
       isLoading: isVerifying,
-      className: "w-full sm:w-48"
+      className: "w-full "
     },
     "Download \u2014 ",
     fileSize
-  ) : /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full animate-in fade-in zoom-in-95 duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex justify-between items-end mb-2 px-1" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] font-medium text-neutral-800 tracking-widest uppercase" }, "DECRYPTING"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] font-medium text-neutral-500" }, Math.round(progress), "%")), /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full h-1.5 bg-neutral-100 rounded-full overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement(
+  ) : /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full animate-in fade-in zoom-in-95 duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex justify-between items-end mb-2 px-1" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px]  text-neutral-800 tracking-widest " }, "DECRYPTING"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px]  text-neutral-500" }, Math.round(progress), "%")), /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full h-1.5 bg-neutral-100 rounded-full overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
-      className: "h-full bg-linear-to-r from-neutral-800 to-black rounded-full transition-all duration-300 ease-out",
-      style: { width: `${progress}%` }
+      className: "h-full rounded-full transition-all duration-300 ease-out",
+      style: { width: `${progress}%`, background: "linear-gradient(to right, #25594c, #24745f,#328f7a,#4fd0aa,#cfeec2)" }
     }
-  )))))), /* @__PURE__ */ import_react6.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_react6.default.createElement("div", { className: "flex items-center gap-2.5 px-3 py-1.5 bg-white rounded-full " }, /* @__PURE__ */ import_react6.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_react6.default.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "help@retinaapps.com")), /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em]" }, "Retina App")));
+  )))))), /* @__PURE__ */ import_react6.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_react6.default.createElement("div", { className: "flex items-center  " }), /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "help@retinaapps.com")), /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em]" }, "Retina App"));
 }
 var ZairusShareCard = (props) => {
   if (props.useRecaptcha && props.recaptchaSiteKey) {
@@ -814,7 +814,7 @@ var HeroSection = ({
     "h1",
     {
       ref: titleRef,
-      className: `text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl  ${isAnimating ? "" : ""}`,
+      className: `text-[40px] font-light md:text-5xl gradient-text lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl  ${isAnimating ? "" : ""}`,
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     titlePrefix
@@ -1395,9 +1395,7 @@ var ManagedProjectsBlock = ({
 var import_react27 = __toESM(require("react"));
 var ManagedNotFoundBlock = ({
   title = "404 - Page Not Found",
-  description = "The page you are looking for does not exist or has been moved.",
-  backLinkText = "Go back to Homepage",
-  backLinkHref = "/"
+  description = "The page you are looking for does not exist or has been moved."
 }) => {
   return /* @__PURE__ */ import_react27.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ import_react27.default.createElement(
     "svg",
@@ -1939,7 +1937,7 @@ var UniversalSidebar = ({
         className: "h-full rounded-full transition-all duration-500 ease-out",
         style: {
           width: `${Math.min(storageConfig.percentage, 100)}%`,
-          background: "linear-gradient(to right, #f64b4d, #ffa360)"
+          background: "linear-gradient(to right, #25594c, #24745f,#328f7a,#4fd0aa,#cfeec2)"
         }
       }
     )), /* @__PURE__ */ import_react38.default.createElement("span", { className: "text-[9px] text-neutral-400 tracking-wide" }, storageConfig.used, " of ", storageConfig.total, " used"))), (showWorkspaceSwitcher || showLogoutAction) && /* @__PURE__ */ import_react38.default.createElement("div", { className: `flex gap-2 px-1 pb-2 ${isCollapsed && !isMobileOpen ? "flex-col items-center" : "items-center"}` }, showWorkspaceSwitcher && workspaces && workspaces.length > 0 && /* @__PURE__ */ import_react38.default.createElement(

package/dist/index.mjs

@@ -533,24 +533,24 @@ function ShareCardInner({
       setIsVerifying(false);
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ React5.createElement("div", { className: "w-20 h-20 bg-neutral-50 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ React5.createElement(FileIcon, null)), /* @__PURE__ */ React5.createElement("h2", { className: "text-lg text-black font-medium mb-8 truncate w-full max-w-70", title: fileName }, fileName), /* @__PURE__ */ React5.createElement("div", { className: "w-full h-12 flex items-center justify-center" }, !isDownloading ? /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ React5.createElement("div", { className: "w-18 h-18  flex items-center justify-center mb-6" }, /* @__PURE__ */ React5.createElement(FileIcon, null)), /* @__PURE__ */ React5.createElement("h2", { className: "text-lg text-black  mb-8  w-full max-w-70", title: fileName }, fileName), /* @__PURE__ */ React5.createElement("div", { className: "w-full  flex items-center justify-center" }, !isDownloading ? /* @__PURE__ */ React5.createElement(
     ThreeDActionButton,
     {
       type: "button",
       onClick: handleDownloadClick,
       disabled: isVerifying,
       isLoading: isVerifying,
-      className: "w-full sm:w-48"
+      className: "w-full "
     },
     "Download \u2014 ",
     fileSize
-  ) : /* @__PURE__ */ React5.createElement("div", { className: "w-full animate-in fade-in zoom-in-95 duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "flex justify-between items-end mb-2 px-1" }, /* @__PURE__ */ React5.createElement("span", { className: "text-[11px] font-medium text-neutral-800 tracking-widest uppercase" }, "DECRYPTING"), /* @__PURE__ */ React5.createElement("span", { className: "text-[11px] font-medium text-neutral-500" }, Math.round(progress), "%")), /* @__PURE__ */ React5.createElement("div", { className: "w-full h-1.5 bg-neutral-100 rounded-full overflow-hidden" }, /* @__PURE__ */ React5.createElement(
+  ) : /* @__PURE__ */ React5.createElement("div", { className: "w-full animate-in fade-in zoom-in-95 duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "flex justify-between items-end mb-2 px-1" }, /* @__PURE__ */ React5.createElement("span", { className: "text-[11px]  text-neutral-800 tracking-widest " }, "DECRYPTING"), /* @__PURE__ */ React5.createElement("span", { className: "text-[11px]  text-neutral-500" }, Math.round(progress), "%")), /* @__PURE__ */ React5.createElement("div", { className: "w-full h-1.5 bg-neutral-100 rounded-full overflow-hidden" }, /* @__PURE__ */ React5.createElement(
     "div",
     {
-      className: "h-full bg-linear-to-r from-neutral-800 to-black rounded-full transition-all duration-300 ease-out",
-      style: { width: `${progress}%` }
+      className: "h-full rounded-full transition-all duration-300 ease-out",
+      style: { width: `${progress}%`, background: "linear-gradient(to right, #25594c, #24745f,#328f7a,#4fd0aa,#cfeec2)" }
     }
-  )))))), /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col items-center gap-1.5 animate-in slide-in-from-bottom-3 duration-500 delay-100" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2.5 px-3 py-1.5 bg-white rounded-full " }, /* @__PURE__ */ React5.createElement("div", { className: "w-5 h-5 bg-neutral-100 rounded-full flex items-center justify-center shrink-0 overflow-hidden relative" }), /* @__PURE__ */ React5.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "help@retinaapps.com")), /* @__PURE__ */ React5.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em]" }, "Retina App")));
+  )))))), /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col items-center gap-1.5 animate-in slide-in-from-bottom-3 duration-500 delay-100" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center  " }), /* @__PURE__ */ React5.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "help@retinaapps.com")), /* @__PURE__ */ React5.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em]" }, "Retina App"));
 }
 var ZairusShareCard = (props) => {
   if (props.useRecaptcha && props.recaptchaSiteKey) {
@@ -724,7 +724,7 @@ var HeroSection = ({
     "h1",
     {
       ref: titleRef,
-      className: `text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl  ${isAnimating ? "" : ""}`,
+      className: `text-[40px] font-light md:text-5xl gradient-text lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl  ${isAnimating ? "" : ""}`,
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     titlePrefix
@@ -1305,9 +1305,7 @@ var ManagedProjectsBlock = ({
 import React18 from "react";
 var ManagedNotFoundBlock = ({
   title = "404 - Page Not Found",
-  description = "The page you are looking for does not exist or has been moved.",
-  backLinkText = "Go back to Homepage",
-  backLinkHref = "/"
+  description = "The page you are looking for does not exist or has been moved."
 }) => {
   return /* @__PURE__ */ React18.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ React18.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React18.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React18.createElement(
     "svg",
@@ -1856,7 +1854,7 @@ var UniversalSidebar = ({
         className: "h-full rounded-full transition-all duration-500 ease-out",
         style: {
           width: `${Math.min(storageConfig.percentage, 100)}%`,
-          background: "linear-gradient(to right, #f64b4d, #ffa360)"
+          background: "linear-gradient(to right, #25594c, #24745f,#328f7a,#4fd0aa,#cfeec2)"
         }
       }
     )), /* @__PURE__ */ React26.createElement("span", { className: "text-[9px] text-neutral-400 tracking-wide" }, storageConfig.used, " of ", storageConfig.total, " used"))), (showWorkspaceSwitcher || showLogoutAction) && /* @__PURE__ */ React26.createElement("div", { className: `flex gap-2 px-1 pb-2 ${isCollapsed && !isMobileOpen ? "flex-col items-center" : "items-center"}` }, showWorkspaceSwitcher && workspaces && workspaces.length > 0 && /* @__PURE__ */ React26.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "4.0.21",
+  "version": "4.0.23",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",