@retinalabsllc/zairusjs 9.0.20 → 9.0.25

package/dist/index.d.mts

@@ -295,7 +295,7 @@ interface UniversalProfilePageProps {
     memberSince: string;
     onAccountTap?: () => void;
     onSecurityTap?: () => void;
-    onNotificationsTap?: () => void;
+    onDefiTap?: () => void;
     onHelpTap?: () => void;
     onVerificationsTap?: () => void;
     onExportTap?: () => void;

package/dist/index.d.ts

@@ -295,7 +295,7 @@ interface UniversalProfilePageProps {
     memberSince: string;
     onAccountTap?: () => void;
     onSecurityTap?: () => void;
-    onNotificationsTap?: () => void;
+    onDefiTap?: () => void;
     onHelpTap?: () => void;
     onVerificationsTap?: () => void;
     onExportTap?: () => void;

package/dist/index.js

@@ -1734,25 +1734,25 @@ var PinDialerBottomSheet = ({
       className: "text-neutral-400 hover:text-black transition-colors outline-none"
     },
     /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.CancelCircleIcon, size: 20 })
-  )), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col px-6 pb-8 pt-2 relative" }, /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-center text-[13px] text-neutral-500 mb-6 tracking-wide" }, "Confirm your account pin to continue"), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-center gap-4 mb-8" }, [0, 1, 2, 3].map((i) => /* @__PURE__ */ import_react31.default.createElement(
+  )), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col px-6 pb-8 pt-2 relative" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-center gap-4 mb-8" }, [0, 1, 2, 3].map((i) => /* @__PURE__ */ import_react31.default.createElement(
     "div",
     {
       key: i,
-      className: `w-3 h-3 rounded-full transition-colors duration-200 ${pin.length > i ? "bg-black" : "bg-neutral-200"}`
+      className: `w-2 h-2 rounded-full transition-colors duration-200 ${pin.length > i ? "bg-black" : "bg-neutral-200"}`
     }
   ))), isVerifying && /* @__PURE__ */ import_react31.default.createElement("div", { className: "absolute inset-0 bg-white/80 backdrop-blur-sm z-10 flex items-center justify-center rounded-b-2xl" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 28, className: "animate-spin text-black" })), /* @__PURE__ */ import_react31.default.createElement("div", { className: "grid grid-cols-3 gap-y-4 gap-x-6 max-w-60 mx-auto" }, [1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => /* @__PURE__ */ import_react31.default.createElement(
     "button",
     {
       key: num,
       onClick: () => handlePinPress(num),
-      className: "w-14 h-14 rounded-full flex items-center justify-center text-lg text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     num
   )), /* @__PURE__ */ import_react31.default.createElement("div", null), " ", /* @__PURE__ */ import_react31.default.createElement(
     "button",
     {
       onClick: () => handlePinPress(0),
-      className: "w-14 h-14 rounded-full flex items-center justify-center text-lg text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     "0"
   ), /* @__PURE__ */ import_react31.default.createElement(
@@ -1898,7 +1898,7 @@ var UniversalCardPage = ({
           style: { backgroundImage: `url(${backgroundOverlay})` }
         }
       ),
-      /* @__PURE__ */ import_react33.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-white text-3xl italic tracking-wide opacity-90", style: { fontFamily: "'Whisper', cursive" } }, cardHolderName)), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
+      /* @__PURE__ */ import_react33.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
     )
   )), /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react33.default.createElement(
     MenuRow,
@@ -1956,7 +1956,7 @@ var UniversalCardPage = ({
     PinDialerBottomSheet,
     {
       isOpen: showPinDialer,
-      title: "Authorization Required",
+      title: "Enter your pin",
       isVerifying: isRevealing,
       onClose: () => setShowPinDialer(false),
       onComplete: handlePinComplete
@@ -1995,7 +1995,7 @@ var UniversalProfilePage = ({
   memberSince,
   onAccountTap,
   onSecurityTap,
-  onNotificationsTap,
+  onDefiTap,
   onHelpTap,
   onVerificationsTap,
   onExportTap,
@@ -2043,10 +2043,10 @@ var UniversalProfilePage = ({
   ), /* @__PURE__ */ import_react35.default.createElement(
     MenuRow2,
     {
-      icon: import_core_free_icons13.Notification01Icon,
-      title: "Notifications",
-      subtitle: "Manage notifications",
-      onClick: onNotificationsTap
+      icon: import_core_free_icons13.ShieldUserIcon,
+      title: "Web3 Profile",
+      subtitle: "Manage web3 profile",
+      onClick: onDefiTap
     }
   ), /* @__PURE__ */ import_react35.default.createElement(
     MenuRow2,
@@ -2187,7 +2187,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         /* @__PURE__ */ import_react37.default.createElement("path", { d: "m6 6 12 12" })
       )
     ),
-    /* @__PURE__ */ import_react37.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-[13px] text-neutral-500  leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ import_react37.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-[13px] text-neutral-500 leading-relaxed" }, "Be the first to experience the future of Web3 freedom. Secure your early access spot today.")), /* @__PURE__ */ import_react37.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react37.default.createElement(
       TextInput,
       {
         label: "Email ID",

package/dist/index.mjs

@@ -1697,25 +1697,25 @@ var PinDialerBottomSheet = ({
       className: "text-neutral-400 hover:text-black transition-colors outline-none"
     },
     /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: CancelCircleIcon4, size: 20 })
-  )), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col px-6 pb-8 pt-2 relative" }, /* @__PURE__ */ React19.createElement("p", { className: "text-center text-[13px] text-neutral-500 mb-6 tracking-wide" }, "Confirm your account pin to continue"), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-center gap-4 mb-8" }, [0, 1, 2, 3].map((i) => /* @__PURE__ */ React19.createElement(
+  )), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col px-6 pb-8 pt-2 relative" }, /* @__PURE__ */ React19.createElement("div", { className: "flex justify-center gap-4 mb-8" }, [0, 1, 2, 3].map((i) => /* @__PURE__ */ React19.createElement(
     "div",
     {
       key: i,
-      className: `w-3 h-3 rounded-full transition-colors duration-200 ${pin.length > i ? "bg-black" : "bg-neutral-200"}`
+      className: `w-2 h-2 rounded-full transition-colors duration-200 ${pin.length > i ? "bg-black" : "bg-neutral-200"}`
     }
   ))), isVerifying && /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-white/80 backdrop-blur-sm z-10 flex items-center justify-center rounded-b-2xl" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon7, size: 28, className: "animate-spin text-black" })), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-3 gap-y-4 gap-x-6 max-w-60 mx-auto" }, [1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => /* @__PURE__ */ React19.createElement(
     "button",
     {
       key: num,
       onClick: () => handlePinPress(num),
-      className: "w-14 h-14 rounded-full flex items-center justify-center text-lg text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     num
   )), /* @__PURE__ */ React19.createElement("div", null), " ", /* @__PURE__ */ React19.createElement(
     "button",
     {
       onClick: () => handlePinPress(0),
-      className: "w-14 h-14 rounded-full flex items-center justify-center text-lg text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     "0"
   ), /* @__PURE__ */ React19.createElement(
@@ -1861,7 +1861,7 @@ var UniversalCardPage = ({
           style: { backgroundImage: `url(${backgroundOverlay})` }
         }
       ),
-      /* @__PURE__ */ React20.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React20.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React20.createElement("span", { className: "text-white text-3xl italic tracking-wide opacity-90", style: { fontFamily: "'Whisper', cursive" } }, cardHolderName)), /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
+      /* @__PURE__ */ React20.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
     )
   )), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React20.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React20.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React20.createElement(
     MenuRow,
@@ -1919,7 +1919,7 @@ var UniversalCardPage = ({
     PinDialerBottomSheet,
     {
       isOpen: showPinDialer,
-      title: "Authorization Required",
+      title: "Enter your pin",
       isVerifying: isRevealing,
       onClose: () => setShowPinDialer(false),
       onComplete: handlePinComplete
@@ -1954,7 +1954,7 @@ import { HugeiconsIcon as HugeiconsIcon15 } from "@hugeicons/react";
 import {
   UserIcon,
   LockKeyIcon as LockKeyIcon2,
-  Notification01Icon,
+  ShieldUserIcon,
   MessageQuestionIcon,
   UserIdVerificationIcon,
   FileDownloadIcon,
@@ -1969,7 +1969,7 @@ var UniversalProfilePage = ({
   memberSince,
   onAccountTap,
   onSecurityTap,
-  onNotificationsTap,
+  onDefiTap,
   onHelpTap,
   onVerificationsTap,
   onExportTap,
@@ -2017,10 +2017,10 @@ var UniversalProfilePage = ({
   ), /* @__PURE__ */ React21.createElement(
     MenuRow2,
     {
-      icon: Notification01Icon,
-      title: "Notifications",
-      subtitle: "Manage notifications",
-      onClick: onNotificationsTap
+      icon: ShieldUserIcon,
+      title: "Web3 Profile",
+      subtitle: "Manage web3 profile",
+      onClick: onDefiTap
     }
   ), /* @__PURE__ */ React21.createElement(
     MenuRow2,
@@ -2161,7 +2161,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         /* @__PURE__ */ React22.createElement("path", { d: "m6 6 12 12" })
       )
     ),
-    /* @__PURE__ */ React22.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React22.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React22.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React22.createElement("p", { className: "text-[13px] text-neutral-500  leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ React22.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React22.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React22.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React22.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React22.createElement("p", { className: "text-[13px] text-neutral-500 leading-relaxed" }, "Be the first to experience the future of Web3 freedom. Secure your early access spot today.")), /* @__PURE__ */ React22.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React22.createElement(
       TextInput,
       {
         label: "Email ID",

package/package.json

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