@retinalabsllc/zairusjs 5.1.19 → 5.1.30
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.d.mts +24 -1
- package/dist/index.d.ts +24 -1
- package/dist/index.js +80 -112
- package/dist/index.mjs +79 -112
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -607,7 +607,7 @@ function AuthFormInner2({
|
|
|
607
607
|
}
|
|
608
608
|
return false;
|
|
609
609
|
};
|
|
610
|
-
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-neutral-900
|
|
610
|
+
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-neutral-900 rounded-2xl overflow-hidden shadow-2xl" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ React5.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ React5.createElement("h2", { className: "text-xl text-white mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React5.createElement("div", { className: "text-[13px] text-neutral-400" }, mode === "LOGIN" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => {
|
|
611
611
|
setMode("SIGNUP");
|
|
612
612
|
setSignupStep(getInitialSignupStep());
|
|
613
613
|
}, className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Sign up")) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Already have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Log in")))), /* @__PURE__ */ React5.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
@@ -920,10 +920,10 @@ var HeroSection = ({
|
|
|
920
920
|
Link4,
|
|
921
921
|
{
|
|
922
922
|
href: secondaryCtaHref,
|
|
923
|
-
className: "w-full sm:w-60 inline-flex items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-
|
|
923
|
+
className: "w-full sm:w-60 inline-flex items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3 bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
|
|
924
924
|
},
|
|
925
925
|
secondaryCtaText
|
|
926
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React8.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ React8.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5
|
|
926
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React8.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ React8.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 " }, appsText), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ React8.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default filter invert" }, /* @__PURE__ */ React8.createElement(
|
|
927
927
|
Image2,
|
|
928
928
|
{
|
|
929
929
|
src: logo.src,
|
|
@@ -972,10 +972,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
972
972
|
const isHighlight = i === 1;
|
|
973
973
|
const isSecondary = i === 2;
|
|
974
974
|
const getBgStyle = () => {
|
|
975
|
-
if (isPrimary) return "bg-neutral-900
|
|
976
|
-
if (isHighlight) return "bg-black
|
|
977
|
-
if (isSecondary) return "bg-neutral-800
|
|
978
|
-
return "bg-neutral-900
|
|
975
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
976
|
+
if (isHighlight) return "bg-black";
|
|
977
|
+
if (isSecondary) return "bg-neutral-800";
|
|
978
|
+
return "bg-neutral-900 ";
|
|
979
979
|
};
|
|
980
980
|
const getShadowStyle = () => {
|
|
981
981
|
if (isHighlight) return `
|
|
@@ -1018,7 +1018,7 @@ import { ArrowLeft01Icon, ArrowRight01Icon, Loading03Icon as Loading03Icon2 } fr
|
|
|
1018
1018
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
1019
1019
|
const [isBgLoading, setIsBgLoading] = useState7(true);
|
|
1020
1020
|
const [isFgLoading, setIsFgLoading] = useState7(!!feature.image);
|
|
1021
|
-
return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ React10.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center
|
|
1021
|
+
return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ React10.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center " }, /* @__PURE__ */ React10.createElement(
|
|
1022
1022
|
Image3,
|
|
1023
1023
|
{
|
|
1024
1024
|
src: bgImage,
|
|
@@ -1135,14 +1135,14 @@ var PlatformFeatures = ({
|
|
|
1135
1135
|
description,
|
|
1136
1136
|
features
|
|
1137
1137
|
}) => {
|
|
1138
|
-
return /* @__PURE__ */ React11.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ React11.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React11.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React11.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ React11.createElement("div", { className: "
|
|
1138
|
+
return /* @__PURE__ */ React11.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ React11.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React11.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React11.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ React11.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12" }, features.map((feature, idx) => /* @__PURE__ */ React11.createElement(
|
|
1139
1139
|
"div",
|
|
1140
1140
|
{
|
|
1141
1141
|
key: idx,
|
|
1142
1142
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
1143
1143
|
style: { animationDelay: feature.delay || "0ms" }
|
|
1144
1144
|
},
|
|
1145
|
-
/* @__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-800
|
|
1145
|
+
/* @__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-800 flex items-center justify-center text-white transition-colors duration-300" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { 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-500 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React11.createElement("h3", { className: "text-xl tracking-tight text-white" }, feature.title))),
|
|
1146
1146
|
/* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 pr-4" }, feature.desc))
|
|
1147
1147
|
)))));
|
|
1148
1148
|
};
|
|
@@ -1178,7 +1178,7 @@ var ManagedDocument = ({
|
|
|
1178
1178
|
}, []);
|
|
1179
1179
|
return (
|
|
1180
1180
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
1181
|
-
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10
|
|
1181
|
+
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React12.createElement(
|
|
1182
1182
|
"h1",
|
|
1183
1183
|
{
|
|
1184
1184
|
ref: titleRef,
|
|
@@ -1186,7 +1186,7 @@ var ManagedDocument = ({
|
|
|
1186
1186
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1187
1187
|
},
|
|
1188
1188
|
title
|
|
1189
|
-
)), sections.map((section, index) => /* @__PURE__ */ React12.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React12.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React12.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React12.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14
|
|
1189
|
+
)), sections.map((section, index) => /* @__PURE__ */ React12.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React12.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React12.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React12.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ React12.createElement(
|
|
1190
1190
|
"a",
|
|
1191
1191
|
{
|
|
1192
1192
|
href: `mailto:${contactEmail}`,
|
|
@@ -1227,7 +1227,7 @@ var ManagedContactBlock = ({
|
|
|
1227
1227
|
backgroundRepeat: "repeat"
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
|
-
), /* @__PURE__ */ React13.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-10
|
|
1230
|
+
), /* @__PURE__ */ React13.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React13.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React13.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React13.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Contact Details"), /* @__PURE__ */ React13.createElement("div", { className: "space-y-3 text-[13px] text-neutral-400 leading-[1.8]" }, company.name && /* @__PURE__ */ React13.createElement("p", { className: "text-white" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React13.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React13.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React13.createElement(
|
|
1231
1231
|
"a",
|
|
1232
1232
|
{
|
|
1233
1233
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1299,7 +1299,7 @@ var ManagedPricingBlock = ({
|
|
|
1299
1299
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1300
1300
|
},
|
|
1301
1301
|
title
|
|
1302
|
-
)), hasTabs && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center bg-neutral-900
|
|
1302
|
+
)), hasTabs && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center bg-neutral-900 rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, tabs.map((tab, idx) => {
|
|
1303
1303
|
const isActive = activeTabIndex === idx;
|
|
1304
1304
|
return /* @__PURE__ */ React14.createElement(
|
|
1305
1305
|
"button",
|
|
@@ -1314,7 +1314,7 @@ var ManagedPricingBlock = ({
|
|
|
1314
1314
|
"div",
|
|
1315
1315
|
{
|
|
1316
1316
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1317
|
-
className: `bg-neutral-900
|
|
1317
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
1318
1318
|
},
|
|
1319
1319
|
/* @__PURE__ */ React14.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React14.createElement("span", { className: "text-white text-base block mb-1" }, plan.name), /* @__PURE__ */ React14.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-3xl font-light text-white" }, plan.price), plan.period && /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React14.createElement("p", { className: "text-xs text-neutral-400 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2 mt-4 opacity-90" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React14.createElement(
|
|
1320
1320
|
"div",
|
|
@@ -1337,7 +1337,7 @@ var ManagedPricingBlock = ({
|
|
|
1337
1337
|
Link5,
|
|
1338
1338
|
{
|
|
1339
1339
|
href: plan.ctaHref,
|
|
1340
|
-
className: "w-full py-2 px-5 rounded-full border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
|
|
1340
|
+
className: "w-full py-2.5 px-5 rounded-full border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
|
|
1341
1341
|
},
|
|
1342
1342
|
plan.ctaText
|
|
1343
1343
|
),
|
|
@@ -1430,7 +1430,7 @@ var ManagedNotFoundBlock = ({
|
|
|
1430
1430
|
Link6,
|
|
1431
1431
|
{
|
|
1432
1432
|
href: backLinkHref,
|
|
1433
|
-
className: "inline-flex items-center justify-center px-8 py-
|
|
1433
|
+
className: "inline-flex items-center justify-center px-8 py-2.5 border border-neutral-800 text-white hover:bg-neutral-800 transition-colors rounded-full text-[11px] tracking-widest outline-none"
|
|
1434
1434
|
},
|
|
1435
1435
|
backLinkText
|
|
1436
1436
|
)));
|
|
@@ -1547,7 +1547,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1547
1547
|
ThreeDButton,
|
|
1548
1548
|
{
|
|
1549
1549
|
href: ctaHref,
|
|
1550
|
-
className: "py-
|
|
1550
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1551
1551
|
},
|
|
1552
1552
|
ctaText
|
|
1553
1553
|
)))))));
|
|
@@ -1653,7 +1653,7 @@ var PortfolioHero = ({
|
|
|
1653
1653
|
ref: heroContentRef,
|
|
1654
1654
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1655
1655
|
},
|
|
1656
|
-
/* @__PURE__ */ React21.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1656
|
+
/* @__PURE__ */ React21.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden shrink-0 shadow-sm" }, /* @__PURE__ */ React21.createElement(
|
|
1657
1657
|
Image7,
|
|
1658
1658
|
{
|
|
1659
1659
|
src: imageSrc,
|
|
@@ -1679,14 +1679,14 @@ var PortfolioHero = ({
|
|
|
1679
1679
|
ThreeDButton,
|
|
1680
1680
|
{
|
|
1681
1681
|
href: primaryCtaHref,
|
|
1682
|
-
className: "py-
|
|
1682
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1683
1683
|
},
|
|
1684
1684
|
primaryCtaText
|
|
1685
1685
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React21.createElement(
|
|
1686
1686
|
Link7,
|
|
1687
1687
|
{
|
|
1688
1688
|
href: secondaryCtaHref,
|
|
1689
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5
|
|
1689
|
+
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5 border border-neutral-700 transition-colors text-white hover:bg-neutral-700 outline-none"
|
|
1690
1690
|
},
|
|
1691
1691
|
secondaryCtaText,
|
|
1692
1692
|
/* @__PURE__ */ React21.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon2, size: 16 })
|
|
@@ -1817,7 +1817,7 @@ var UniversalSidebar = ({
|
|
|
1817
1817
|
"div",
|
|
1818
1818
|
{
|
|
1819
1819
|
onClick: handleCopyWallet,
|
|
1820
|
-
className: "flex items-center gap-2 bg-neutral-900
|
|
1820
|
+
className: "flex items-center gap-2 bg-neutral-900 rounded-full p-1 pr-3 cursor-pointer hover:bg-neutral-800 transition-colors",
|
|
1821
1821
|
title: "Copy Address"
|
|
1822
1822
|
},
|
|
1823
1823
|
web3Avatar ? /* @__PURE__ */ React23.createElement("img", { src: web3Avatar, alt: "Avatar", className: "w-6 h-6 rounded-full bg-neutral-800 object-cover shrink-0" }) : /* @__PURE__ */ React23.createElement("div", { className: "w-6 h-6 rounded-full bg-neutral-800 flex items-center justify-center text-[9px] text-white shrink-0" }, userInitials.substring(0, 2)),
|
|
@@ -1829,7 +1829,7 @@ var UniversalSidebar = ({
|
|
|
1829
1829
|
setShowNotifDialog(true);
|
|
1830
1830
|
setSelectedNotif(null);
|
|
1831
1831
|
},
|
|
1832
|
-
className: "relative w-8 h-8 shrink-0 bg-neutral-900
|
|
1832
|
+
className: "relative w-8 h-8 shrink-0 bg-neutral-900 rounded-full flex items-center justify-center text-neutral-400 hover:text-white hover:bg-neutral-800 transition-all duration-300 outline-none"
|
|
1833
1833
|
},
|
|
1834
1834
|
/* @__PURE__ */ React23.createElement(HugeiconsIcon11, { icon: Notification01Icon, size: 14 }),
|
|
1835
1835
|
unreadNotificationsCount > 0 && /* @__PURE__ */ React23.createElement("span", { className: "absolute top-2 right-2.5 w-2 h-2 bg-blue-500 rounded-full border border-neutral-900" })
|
|
@@ -1837,16 +1837,16 @@ var UniversalSidebar = ({
|
|
|
1837
1837
|
Link8,
|
|
1838
1838
|
{
|
|
1839
1839
|
href: backUrl,
|
|
1840
|
-
className: "w-10 h-10 shrink-0 bg-neutral-900
|
|
1840
|
+
className: "w-10 h-10 shrink-0 bg-neutral-900 rounded-full flex items-center justify-center text-neutral-400 hover:text-white hover:bg-neutral-800 transition-all duration-300 outline-none",
|
|
1841
1841
|
"aria-label": "Go Back"
|
|
1842
1842
|
},
|
|
1843
1843
|
/* @__PURE__ */ React23.createElement(HugeiconsIcon11, { icon: ArrowLeft01Icon2, size: 18 })
|
|
1844
1844
|
));
|
|
1845
|
-
return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "md:hidden fixed top-0 left-0 w-full h-16 bg-black/50 backdrop-blur-md z-40 flex items-center justify-between px-4
|
|
1845
|
+
return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "md:hidden fixed top-0 left-0 w-full h-16 bg-black/50 backdrop-blur-md z-40 flex items-center justify-between px-4 " }, /* @__PURE__ */ React23.createElement(
|
|
1846
1846
|
"button",
|
|
1847
1847
|
{
|
|
1848
1848
|
onClick: openMobile,
|
|
1849
|
-
className: `w-10 h-10 bg-neutral-900
|
|
1849
|
+
className: `w-10 h-10 bg-neutral-900 rounded-full flex items-center justify-center text-white transition-all duration-300 outline-none ${isMobileOpen ? "opacity-0 pointer-events-none scale-90" : "opacity-100 scale-100"}`,
|
|
1850
1850
|
"aria-label": "Open Menu"
|
|
1851
1851
|
},
|
|
1852
1852
|
/* @__PURE__ */ React23.createElement(HugeiconsIcon11, { icon: SidebarLeft01Icon, size: 18 })
|
|
@@ -1860,13 +1860,13 @@ var UniversalSidebar = ({
|
|
|
1860
1860
|
"aside",
|
|
1861
1861
|
{
|
|
1862
1862
|
className: `
|
|
1863
|
-
fixed md:relative rounded-2xl top-4 md:top-0 md:my-4 left-4 md:left-0 md:ml-4 h-[calc(100dvh-2rem)] bg-neutral-900
|
|
1863
|
+
fixed md:relative rounded-2xl top-4 md:top-0 md:my-4 left-4 md:left-0 md:ml-4 h-[calc(100dvh-2rem)] bg-neutral-900
|
|
1864
1864
|
transition-all duration-300 ease-in-out shrink-0 flex flex-col z-100 md:z-50
|
|
1865
1865
|
${isMobileOpen ? "translate-x-0" : "translate-x-[-120%] md:translate-x-0"}
|
|
1866
1866
|
${isCollapsed ? "md:w-16 w-64" : "w-64"}
|
|
1867
1867
|
`
|
|
1868
1868
|
},
|
|
1869
|
-
/* @__PURE__ */ React23.createElement("div", { className: `flex items-center shrink-0 p-5
|
|
1869
|
+
/* @__PURE__ */ React23.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ React23.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ React23.createElement("div", { className: "w-9 h-9 border border-neutral-700 rounded-full flex items-center justify-center shrink-0" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-[10px] text-white tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ React23.createElement("span", { className: "text-[13px] text-white leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ React23.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ React23.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ React23.createElement(
|
|
1870
1870
|
"button",
|
|
1871
1871
|
{
|
|
1872
1872
|
onClick: closeMobile,
|
|
@@ -1898,7 +1898,7 @@ var UniversalSidebar = ({
|
|
|
1898
1898
|
(!isCollapsed || isMobileOpen) && /* @__PURE__ */ React23.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
|
|
1899
1899
|
);
|
|
1900
1900
|
})),
|
|
1901
|
-
/* @__PURE__ */ React23.createElement("div", { className: "p-4 shrink-0 flex flex-col gap-2
|
|
1901
|
+
/* @__PURE__ */ React23.createElement("div", { className: "p-4 shrink-0 flex flex-col gap-2" }, showLogoutAction && /* @__PURE__ */ React23.createElement("div", { className: `flex gap-2 px-1 pb-2 ${isCollapsed && !isMobileOpen ? "flex-col items-center" : "items-center"}` }, /* @__PURE__ */ React23.createElement(
|
|
1902
1902
|
"button",
|
|
1903
1903
|
{
|
|
1904
1904
|
onClick: () => setShowLogoutDialog(true),
|
|
@@ -1923,7 +1923,7 @@ var UniversalSidebar = ({
|
|
|
1923
1923
|
setSelectedNotif(notif);
|
|
1924
1924
|
onNotificationClick?.(notif);
|
|
1925
1925
|
},
|
|
1926
|
-
className: "p-3 flex items-start gap-3 hover:bg-neutral-800
|
|
1926
|
+
className: "p-3 flex items-start gap-3 hover:bg-neutral-800 cursor-pointer transition-colors"
|
|
1927
1927
|
},
|
|
1928
1928
|
/* @__PURE__ */ React23.createElement("div", { className: "mt-1.5 shrink-0" }, !notif.isRead ? /* @__PURE__ */ React23.createElement("div", { className: "w-1.5 h-1.5 bg-blue-500 rounded-full" }) : /* @__PURE__ */ React23.createElement("div", { className: "w-1.5 h-1.5 bg-transparent" })),
|
|
1929
1929
|
/* @__PURE__ */ React23.createElement("div", { className: "flex-1 min-w-0 text-left" }, /* @__PURE__ */ React23.createElement("h5", { className: `text-[12px] truncate ${notif.isRead ? "text-neutral-400" : "text-white"}` }, notif.title), /* @__PURE__ */ React23.createElement("p", { className: "text-[11px] text-neutral-500 truncate mt-0.5" }, notif.message), /* @__PURE__ */ React23.createElement("span", { className: "text-[9px] text-neutral-600 tracking-widest mt-2 block" }, formatNotifDate(notif.createdAt)))
|
|
@@ -2465,10 +2465,6 @@ var UniversalTransactionPage = ({
|
|
|
2465
2465
|
}
|
|
2466
2466
|
};
|
|
2467
2467
|
const isListLoading = isLoading || isTyping;
|
|
2468
|
-
const silverBg = `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,0.1) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.2) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`;
|
|
2469
|
-
const silverShadowBase = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 4px 10px rgba(0,0,0,0.5)";
|
|
2470
|
-
const silverShadowHover = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 6px 14px rgba(0,0,0,0.7)";
|
|
2471
|
-
const silverShadowActive = "inset 0 2px 4px rgba(0,0,0,0.4), inset 0 -1px 2px rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.3)";
|
|
2472
2468
|
return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, !hideControls && /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React28.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React28.createElement(HugeiconsIcon16, { icon: Search01Icon, size: 16, className: "text-neutral-500" })), /* @__PURE__ */ React28.createElement(
|
|
2473
2469
|
"input",
|
|
2474
2470
|
{
|
|
@@ -2533,43 +2529,13 @@ var UniversalTransactionPage = ({
|
|
|
2533
2529
|
const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
|
|
2534
2530
|
return /* @__PURE__ */ React28.createElement("div", { key }, /* @__PURE__ */ React28.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, formattedKey), /* @__PURE__ */ React28.createElement("span", { className: "text-[13px] text-white break-all" }, String(value)));
|
|
2535
2531
|
})), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React28.createElement(
|
|
2536
|
-
|
|
2532
|
+
ThreeDActionButton,
|
|
2537
2533
|
{
|
|
2538
2534
|
onClick: handleGenerateReceipt,
|
|
2539
|
-
|
|
2540
|
-
className: "
|
|
2541
|
-
style: {
|
|
2542
|
-
backgroundImage: silverBg,
|
|
2543
|
-
backgroundSize: "cover",
|
|
2544
|
-
backgroundPosition: "center",
|
|
2545
|
-
boxShadow: isGeneratingReceipt ? silverShadowActive : silverShadowBase,
|
|
2546
|
-
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
2547
|
-
},
|
|
2548
|
-
onMouseEnter: (e) => {
|
|
2549
|
-
if (!isGeneratingReceipt) {
|
|
2550
|
-
e.currentTarget.style.boxShadow = silverShadowHover;
|
|
2551
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2552
|
-
}
|
|
2553
|
-
},
|
|
2554
|
-
onMouseLeave: (e) => {
|
|
2555
|
-
if (!isGeneratingReceipt) {
|
|
2556
|
-
e.currentTarget.style.boxShadow = silverShadowBase;
|
|
2557
|
-
e.currentTarget.style.transform = "translateY(0px)";
|
|
2558
|
-
}
|
|
2559
|
-
},
|
|
2560
|
-
onMouseDown: (e) => {
|
|
2561
|
-
if (!isGeneratingReceipt) {
|
|
2562
|
-
e.currentTarget.style.boxShadow = silverShadowActive;
|
|
2563
|
-
e.currentTarget.style.transform = "translateY(2px)";
|
|
2564
|
-
}
|
|
2565
|
-
},
|
|
2566
|
-
onMouseUp: (e) => {
|
|
2567
|
-
if (!isGeneratingReceipt) {
|
|
2568
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2569
|
-
}
|
|
2570
|
-
}
|
|
2535
|
+
isLoading: isGeneratingReceipt,
|
|
2536
|
+
className: "w-full py-3 text-[14px]"
|
|
2571
2537
|
},
|
|
2572
|
-
|
|
2538
|
+
"Generate Receipt"
|
|
2573
2539
|
), /* @__PURE__ */ React28.createElement(
|
|
2574
2540
|
"button",
|
|
2575
2541
|
{
|
|
@@ -2614,7 +2580,7 @@ var UniversalTransactionPage = ({
|
|
|
2614
2580
|
"button",
|
|
2615
2581
|
{
|
|
2616
2582
|
onClick: () => setIsTypeModalOpen(false),
|
|
2617
|
-
className: "w-full py-
|
|
2583
|
+
className: "w-full py- text-[13px] text-neutral-500 hover:bg-neutral-800 hover:text-white transition-colors outline-none"
|
|
2618
2584
|
},
|
|
2619
2585
|
"Cancel"
|
|
2620
2586
|
)))));
|
|
@@ -2710,7 +2676,7 @@ var UniversalHomeView = ({
|
|
|
2710
2676
|
"button",
|
|
2711
2677
|
{
|
|
2712
2678
|
onClick: secondaryAction.onClick,
|
|
2713
|
-
className: "flex items-center gap-1.5 px-8 py-2 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2679
|
+
className: "flex items-center gap-1.5 px-8 py-2.5 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2714
2680
|
},
|
|
2715
2681
|
/* @__PURE__ */ React29.createElement("span", { className: "text-[13px] tracking-wide" }, secondaryAction.label),
|
|
2716
2682
|
secondaryAction.icon && /* @__PURE__ */ React29.createElement(HugeiconsIcon17, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -2745,7 +2711,7 @@ import {
|
|
|
2745
2711
|
var PageSpinner3 = () => /* @__PURE__ */ React30.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React30.createElement(HugeiconsIcon18, { icon: Loading03Icon6, size: 32, className: "animate-spin mb-4 text-white" }));
|
|
2746
2712
|
var WalletLogo = ({ src, alt, sizeClass = "w-10 h-10" }) => {
|
|
2747
2713
|
const [isLoaded, setIsLoaded] = useState18(false);
|
|
2748
|
-
return /* @__PURE__ */ React30.createElement("div", { className: `relative shrink-0 rounded-full bg-black flex items-center justify-center overflow-hidden
|
|
2714
|
+
return /* @__PURE__ */ React30.createElement("div", { className: `relative shrink-0 rounded-full bg-black flex items-center justify-center overflow-hidden ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React30.createElement(HugeiconsIcon18, { icon: Loading03Icon6, size: 16, className: "animate-spin text-neutral-600 absolute" }), /* @__PURE__ */ React30.createElement(
|
|
2749
2715
|
"img",
|
|
2750
2716
|
{
|
|
2751
2717
|
src,
|
|
@@ -2774,10 +2740,6 @@ var UniversalWalletPage = ({
|
|
|
2774
2740
|
const q = localSearchQuery.toLowerCase();
|
|
2775
2741
|
return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
|
|
2776
2742
|
});
|
|
2777
|
-
const primaryBaseShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.05), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 3px 0 0 #000000, 0 6px 10px rgba(0, 0, 0, 0.5)`;
|
|
2778
|
-
const primaryHoverShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.1), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 4px 0 0 #000000, 0 8px 12px rgba(0, 0, 0, 0.4)`;
|
|
2779
|
-
const primaryActiveShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 #000000, 0 2px 4px rgba(0, 0, 0, 0.3)`;
|
|
2780
|
-
const disabledShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 #000000`;
|
|
2781
2743
|
const handleCopy = (wallet) => {
|
|
2782
2744
|
if (onCopyAddress) onCopyAddress(wallet);
|
|
2783
2745
|
if (typeof navigator !== "undefined" && navigator.clipboard) {
|
|
@@ -2794,9 +2756,9 @@ var UniversalWalletPage = ({
|
|
|
2794
2756
|
placeholder: "Search wallets by name or network...",
|
|
2795
2757
|
value: localSearchQuery,
|
|
2796
2758
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
2797
|
-
className: "w-full pl-10 pr-4 py-2
|
|
2759
|
+
className: "w-full pl-10 pr-4 py-2 border border-neutral-800 rounded-full text-[13px] text-white placeholder-neutral-500 outline-none transition-colors focus:border-neutral-600"
|
|
2798
2760
|
}
|
|
2799
|
-
))), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-neutral-900
|
|
2761
|
+
))), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-neutral-900 w-full" }, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("h1", { className: "text-white text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React30.createElement("p", { className: "text-xs text-neutral-400" }, headerDescription))), /* @__PURE__ */ React30.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React30.createElement(PageSpinner3, null) : /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React30.createElement("div", { className: "divide-y divide-neutral-800" }, filteredWallets.length === 0 ? /* @__PURE__ */ React30.createElement("p", { className: "text-xs text-neutral-500 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ React30.createElement(
|
|
2800
2762
|
"div",
|
|
2801
2763
|
{
|
|
2802
2764
|
key: wallet.id,
|
|
@@ -2804,11 +2766,11 @@ var UniversalWalletPage = ({
|
|
|
2804
2766
|
className: "flex items-center justify-between py-4 hover:bg-neutral-800/50 transition-colors cursor-pointer group min-w-0 px-2 -mx-2 rounded-xl"
|
|
2805
2767
|
},
|
|
2806
2768
|
/* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React30.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ React30.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React30.createElement("p", { className: "text-[13px] text-white truncate font-medium" }, wallet.name), /* @__PURE__ */ React30.createElement("p", { className: `text-[13px] text-neutral-400 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
|
|
2807
|
-
/* @__PURE__ */ React30.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React30.createElement("span", { className: "text-[10px] tracking-wide text-neutral-400 bg-neutral-800
|
|
2769
|
+
/* @__PURE__ */ React30.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React30.createElement("span", { className: "text-[10px] tracking-wide text-neutral-400 bg-neutral-800 px-2.5 py-1 rounded-full " }, wallet.network))
|
|
2808
2770
|
)))))), selectedWallet && /* @__PURE__ */ React30.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React30.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: () => {
|
|
2809
2771
|
setSelectedWallet(null);
|
|
2810
2772
|
setShowToast(false);
|
|
2811
|
-
} }), /* @__PURE__ */ React30.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900
|
|
2773
|
+
} }), /* @__PURE__ */ React30.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900 rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, showToast && /* @__PURE__ */ React30.createElement("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-50 bg-neutral-800 text-white px-5 py-2.5 rounded-full text-[12px] font-medium tracking-wide shadow-xl animate-in slide-in-from-top-4 fade-in duration-200 pointer-events-none whitespace-nowrap" }, "Address copied to clipboard"), /* @__PURE__ */ React30.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React30.createElement("h3", { className: "text-[15px] text-white tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React30.createElement("button", { onClick: () => {
|
|
2812
2774
|
setSelectedWallet(null);
|
|
2813
2775
|
setShowToast(false);
|
|
2814
2776
|
}, className: "text-neutral-500 hover:text-white transition-colors outline-none" }, /* @__PURE__ */ React30.createElement(HugeiconsIcon18, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React30.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React30.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React30.createElement("h2", { className: `text-2xl text-white mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React30.createElement("span", { className: "text-[9px] tracking-widest text-neutral-400 px-4 py-1.5 rounded-full bg-black border border-neutral-800 uppercase mt-1" }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React30.createElement("div", { className: "w-full flex justify-center mb-6" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React30.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React30.createElement(
|
|
@@ -2820,43 +2782,18 @@ var UniversalWalletPage = ({
|
|
|
2820
2782
|
isDismissible: false
|
|
2821
2783
|
}
|
|
2822
2784
|
)), /* @__PURE__ */ React30.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React30.createElement("span", { className: "text-[13px] text-white break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React30.createElement("span", { className: "text-[13px] text-white" }, selectedWallet.name))), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React30.createElement(
|
|
2823
|
-
|
|
2785
|
+
ThreeDActionButton,
|
|
2824
2786
|
{
|
|
2825
|
-
disabled: isGeneratingStatement,
|
|
2826
2787
|
onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
transition-all duration-150 select-none outline-none
|
|
2830
|
-
${isGeneratingStatement ? "opacity-50 cursor-not-allowed" : "active:translate-y-0.5"}
|
|
2831
|
-
`,
|
|
2832
|
-
style: { boxShadow: isGeneratingStatement ? disabledShadow : primaryBaseShadow },
|
|
2833
|
-
onMouseEnter: (e) => {
|
|
2834
|
-
if (isGeneratingStatement) return;
|
|
2835
|
-
e.currentTarget.style.boxShadow = primaryHoverShadow;
|
|
2836
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2837
|
-
},
|
|
2838
|
-
onMouseLeave: (e) => {
|
|
2839
|
-
if (isGeneratingStatement) return;
|
|
2840
|
-
e.currentTarget.style.boxShadow = primaryBaseShadow;
|
|
2841
|
-
e.currentTarget.style.transform = "translateY(0px)";
|
|
2842
|
-
},
|
|
2843
|
-
onMouseDown: (e) => {
|
|
2844
|
-
if (isGeneratingStatement) return;
|
|
2845
|
-
e.currentTarget.style.boxShadow = primaryActiveShadow;
|
|
2846
|
-
e.currentTarget.style.transform = "translateY(2px)";
|
|
2847
|
-
},
|
|
2848
|
-
onMouseUp: (e) => {
|
|
2849
|
-
if (isGeneratingStatement) return;
|
|
2850
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2851
|
-
}
|
|
2788
|
+
isLoading: isGeneratingStatement,
|
|
2789
|
+
className: "w-full py-3 text-[13px]"
|
|
2852
2790
|
},
|
|
2853
|
-
|
|
2854
|
-
/* @__PURE__ */ React30.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide font-medium" }, isGeneratingStatement ? /* @__PURE__ */ React30.createElement(HugeiconsIcon18, { icon: Loading03Icon6, size: 16, className: "animate-spin text-white" }) : "Generate Statement")
|
|
2791
|
+
"Generate Statement"
|
|
2855
2792
|
), /* @__PURE__ */ React30.createElement(
|
|
2856
2793
|
"button",
|
|
2857
2794
|
{
|
|
2858
2795
|
onClick: () => handleCopy(selectedWallet),
|
|
2859
|
-
className: "w-full flex items-center justify-center py-2 rounded-full border border-neutral-700 text-white hover:bg-neutral-800 outline-none text-[13px] tracking-wide"
|
|
2796
|
+
className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-700 text-white hover:bg-neutral-800 outline-none text-[13px] tracking-wide"
|
|
2860
2797
|
},
|
|
2861
2798
|
"Copy Wallet Address"
|
|
2862
2799
|
))))));
|
|
@@ -2941,7 +2878,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
2941
2878
|
sizes: "48px",
|
|
2942
2879
|
className: "object-cover"
|
|
2943
2880
|
}
|
|
2944
|
-
)))), /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React33.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React33.createElement("div", { key: idx, className: "bg-neutral-900
|
|
2881
|
+
)))), /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React33.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React33.createElement("div", { key: idx, className: "bg-neutral-900 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React33.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ React33.createElement("span", { className: "text-[14px] text-neutral-400 tracking-wide" }, stat.label)), /* @__PURE__ */ React33.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-white mt-auto leading-none" }, stat.value))))));
|
|
2945
2882
|
};
|
|
2946
2883
|
|
|
2947
2884
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -3000,7 +2937,7 @@ var ConsultantShowcase = ({
|
|
|
3000
2937
|
return /* @__PURE__ */ React34.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__PURE__ */ React34.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React34.createElement(
|
|
3001
2938
|
"div",
|
|
3002
2939
|
{
|
|
3003
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
2940
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
3004
2941
|
onTouchStart,
|
|
3005
2942
|
onTouchMove,
|
|
3006
2943
|
onTouchEnd
|
|
@@ -3052,7 +2989,36 @@ var ContentGridBlock = ({
|
|
|
3052
2989
|
middleBottomCard,
|
|
3053
2990
|
rightCards
|
|
3054
2991
|
}) => {
|
|
3055
|
-
return /* @__PURE__ */ React35.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-neutral-900
|
|
2992
|
+
return /* @__PURE__ */ React35.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-neutral-900 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-700" }, /* @__PURE__ */ React35.createElement(Image11, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React35.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React35.createElement("span", { className: "text-[11px] text-neutral-500 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React35.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React35.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-black overflow-hidden relative z-10" }, /* @__PURE__ */ React35.createElement(Image11, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React35.createElement("span", { className: "text-sm text-neutral-400" }, middleTopCard.topRightCount))), /* @__PURE__ */ React35.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React35.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-900/50 border border-neutral-800 text-[13px] text-neutral-400" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "text-white" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[11px] text-neutral-500 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] text-white leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React35.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] text-white leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-500" }, middleBottomCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-800" }, /* @__PURE__ */ React35.createElement(Image11, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[16px] text-white leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "text-[11px] text-neutral-500 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React35.createElement("div", { key: idx, className: "relative w-full h-80 bg-neutral-900 text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ React35.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
2993
|
+
};
|
|
2994
|
+
|
|
2995
|
+
// src/components/ManagedProjectsBlock.tsx
|
|
2996
|
+
import React36 from "react";
|
|
2997
|
+
import Link9 from "next/link";
|
|
2998
|
+
var GridSection = ({
|
|
2999
|
+
children,
|
|
3000
|
+
isLast = false,
|
|
3001
|
+
className = "py-8 md:py-10"
|
|
3002
|
+
}) => /* @__PURE__ */ React36.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
|
|
3003
|
+
var ManagedProjectsBlock = ({
|
|
3004
|
+
tagline,
|
|
3005
|
+
title,
|
|
3006
|
+
projects
|
|
3007
|
+
}) => {
|
|
3008
|
+
return /* @__PURE__ */ React36.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React36.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-5xl mx-auto overflow-hidden shadow-2xl" }, /* @__PURE__ */ React36.createElement(
|
|
3009
|
+
"div",
|
|
3010
|
+
{
|
|
3011
|
+
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
3012
|
+
style: {
|
|
3013
|
+
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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
|
|
3014
|
+
backgroundRepeat: "repeat"
|
|
3015
|
+
}
|
|
3016
|
+
}
|
|
3017
|
+
), /* @__PURE__ */ React36.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React36.createElement(GridSection, null, tagline && /* @__PURE__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ React36.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
3018
|
+
const isLast = index === projects.length - 1;
|
|
3019
|
+
const projectContent = /* @__PURE__ */ React36.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React36.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-3 md:gap-4 mb-4 md:mb-5" }, /* @__PURE__ */ React36.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React36.createElement("h2", { className: "text-[16px] text-white transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React36.createElement("span", { className: "text-[11px] text-neutral-500 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 group-hover:text-white transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ React36.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em] transition-colors ${project.status.toLowerCase() === "production" ? "bg-white text-black" : "bg-neutral-800 text-neutral-400 group-hover:bg-neutral-700 group-hover:text-white"}` }, project.status)), /* @__PURE__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0" }, project.date)), /* @__PURE__ */ React36.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-400 max-w-4xl text-left transition-colors group-hover:text-neutral-300" }, project.description));
|
|
3020
|
+
return /* @__PURE__ */ React36.createElement(GridSection, { key: project.id || index, isLast, className: isLast ? "py-8 md:py-10 pb-12 md:pb-14" : "py-8 md:py-10" }, project.isExternal ? /* @__PURE__ */ React36.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React36.createElement(Link9, { href: project.link, className: "block outline-none" }, projectContent));
|
|
3021
|
+
}))));
|
|
3056
3022
|
};
|
|
3057
3023
|
export {
|
|
3058
3024
|
AppBento2,
|
|
@@ -3072,6 +3038,7 @@ export {
|
|
|
3072
3038
|
ManagedNewsletterSplitBlock,
|
|
3073
3039
|
ManagedNotFoundBlock,
|
|
3074
3040
|
ManagedPricingBlock,
|
|
3041
|
+
ManagedProjectsBlock,
|
|
3075
3042
|
ManagedToaster,
|
|
3076
3043
|
MedicalFeatureStatsBlock,
|
|
3077
3044
|
NumberInput,
|