@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.js
CHANGED
|
@@ -48,6 +48,7 @@ __export(index_exports, {
|
|
|
48
48
|
ManagedNewsletterSplitBlock: () => ManagedNewsletterSplitBlock,
|
|
49
49
|
ManagedNotFoundBlock: () => ManagedNotFoundBlock,
|
|
50
50
|
ManagedPricingBlock: () => ManagedPricingBlock,
|
|
51
|
+
ManagedProjectsBlock: () => ManagedProjectsBlock,
|
|
51
52
|
ManagedToaster: () => ManagedToaster,
|
|
52
53
|
MedicalFeatureStatsBlock: () => MedicalFeatureStatsBlock,
|
|
53
54
|
NumberInput: () => NumberInput,
|
|
@@ -677,7 +678,7 @@ function AuthFormInner2({
|
|
|
677
678
|
}
|
|
678
679
|
return false;
|
|
679
680
|
};
|
|
680
|
-
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-neutral-900
|
|
681
|
+
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-neutral-900 rounded-2xl overflow-hidden shadow-2xl" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ import_react6.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-xl text-white mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ import_react6.default.createElement("div", { className: "text-[13px] text-neutral-400" }, mode === "LOGIN" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Don't have an account? ", /* @__PURE__ */ import_react6.default.createElement("button", { type: "button", onClick: () => {
|
|
681
682
|
setMode("SIGNUP");
|
|
682
683
|
setSignupStep(getInitialSignupStep());
|
|
683
684
|
}, className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Sign up")) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Already have an account? ", /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
@@ -990,10 +991,10 @@ var HeroSection = ({
|
|
|
990
991
|
import_link4.default,
|
|
991
992
|
{
|
|
992
993
|
href: secondaryCtaHref,
|
|
993
|
-
className: "w-full sm:w-60 inline-flex items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-
|
|
994
|
+
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"
|
|
994
995
|
},
|
|
995
996
|
secondaryCtaText
|
|
996
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5
|
|
997
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 " }, appsText), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react10.default.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__ */ import_react10.default.createElement(
|
|
997
998
|
import_image2.default,
|
|
998
999
|
{
|
|
999
1000
|
src: logo.src,
|
|
@@ -1042,10 +1043,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
1042
1043
|
const isHighlight = i === 1;
|
|
1043
1044
|
const isSecondary = i === 2;
|
|
1044
1045
|
const getBgStyle = () => {
|
|
1045
|
-
if (isPrimary) return "bg-neutral-900
|
|
1046
|
-
if (isHighlight) return "bg-black
|
|
1047
|
-
if (isSecondary) return "bg-neutral-800
|
|
1048
|
-
return "bg-neutral-900
|
|
1046
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
1047
|
+
if (isHighlight) return "bg-black";
|
|
1048
|
+
if (isSecondary) return "bg-neutral-800";
|
|
1049
|
+
return "bg-neutral-900 ";
|
|
1049
1050
|
};
|
|
1050
1051
|
const getShadowStyle = () => {
|
|
1051
1052
|
if (isHighlight) return `
|
|
@@ -1088,7 +1089,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
1088
1089
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
1089
1090
|
const [isBgLoading, setIsBgLoading] = (0, import_react13.useState)(true);
|
|
1090
1091
|
const [isFgLoading, setIsFgLoading] = (0, import_react13.useState)(!!feature.image);
|
|
1091
|
-
return /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center
|
|
1092
|
+
return /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center " }, /* @__PURE__ */ import_react13.default.createElement(
|
|
1092
1093
|
import_image3.default,
|
|
1093
1094
|
{
|
|
1094
1095
|
src: bgImage,
|
|
@@ -1205,14 +1206,14 @@ var PlatformFeatures = ({
|
|
|
1205
1206
|
description,
|
|
1206
1207
|
features
|
|
1207
1208
|
}) => {
|
|
1208
|
-
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "
|
|
1209
|
+
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(
|
|
1209
1210
|
"div",
|
|
1210
1211
|
{
|
|
1211
1212
|
key: idx,
|
|
1212
1213
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
1213
1214
|
style: { animationDelay: feature.delay || "0ms" }
|
|
1214
1215
|
},
|
|
1215
|
-
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-800
|
|
1216
|
+
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-500 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-xl tracking-tight text-white" }, feature.title))),
|
|
1216
1217
|
/* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 pr-4" }, feature.desc))
|
|
1217
1218
|
)))));
|
|
1218
1219
|
};
|
|
@@ -1248,7 +1249,7 @@ var ManagedDocument = ({
|
|
|
1248
1249
|
}, []);
|
|
1249
1250
|
return (
|
|
1250
1251
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
1251
|
-
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10
|
|
1252
|
+
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react17.default.createElement(
|
|
1252
1253
|
"h1",
|
|
1253
1254
|
{
|
|
1254
1255
|
ref: titleRef,
|
|
@@ -1256,7 +1257,7 @@ var ManagedDocument = ({
|
|
|
1256
1257
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1257
1258
|
},
|
|
1258
1259
|
title
|
|
1259
|
-
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react17.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react17.default.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14
|
|
1260
|
+
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react17.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react17.default.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react17.default.createElement(
|
|
1260
1261
|
"a",
|
|
1261
1262
|
{
|
|
1262
1263
|
href: `mailto:${contactEmail}`,
|
|
@@ -1297,7 +1298,7 @@ var ManagedContactBlock = ({
|
|
|
1297
1298
|
backgroundRepeat: "repeat"
|
|
1298
1299
|
}
|
|
1299
1300
|
}
|
|
1300
|
-
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10
|
|
1301
|
+
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react18.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Contact Details"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-400 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-white" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react18.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react18.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
1301
1302
|
"a",
|
|
1302
1303
|
{
|
|
1303
1304
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1369,7 +1370,7 @@ var ManagedPricingBlock = ({
|
|
|
1369
1370
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1370
1371
|
},
|
|
1371
1372
|
title
|
|
1372
|
-
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center bg-neutral-900
|
|
1373
|
+
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.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) => {
|
|
1373
1374
|
const isActive = activeTabIndex === idx;
|
|
1374
1375
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
1375
1376
|
"button",
|
|
@@ -1384,7 +1385,7 @@ var ManagedPricingBlock = ({
|
|
|
1384
1385
|
"div",
|
|
1385
1386
|
{
|
|
1386
1387
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1387
|
-
className: `bg-neutral-900
|
|
1388
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
1388
1389
|
},
|
|
1389
1390
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-white text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-3xl font-light text-white" }, plan.price), plan.period && /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs text-neutral-400 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mt-4 opacity-90" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ import_react20.default.createElement(
|
|
1390
1391
|
"div",
|
|
@@ -1407,7 +1408,7 @@ var ManagedPricingBlock = ({
|
|
|
1407
1408
|
import_link5.default,
|
|
1408
1409
|
{
|
|
1409
1410
|
href: plan.ctaHref,
|
|
1410
|
-
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"
|
|
1411
|
+
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"
|
|
1411
1412
|
},
|
|
1412
1413
|
plan.ctaText
|
|
1413
1414
|
),
|
|
@@ -1500,7 +1501,7 @@ var ManagedNotFoundBlock = ({
|
|
|
1500
1501
|
import_link6.default,
|
|
1501
1502
|
{
|
|
1502
1503
|
href: backLinkHref,
|
|
1503
|
-
className: "inline-flex items-center justify-center px-8 py-
|
|
1504
|
+
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"
|
|
1504
1505
|
},
|
|
1505
1506
|
backLinkText
|
|
1506
1507
|
)));
|
|
@@ -1617,7 +1618,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1617
1618
|
ThreeDButton,
|
|
1618
1619
|
{
|
|
1619
1620
|
href: ctaHref,
|
|
1620
|
-
className: "py-
|
|
1621
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1621
1622
|
},
|
|
1622
1623
|
ctaText
|
|
1623
1624
|
)))))));
|
|
@@ -1723,7 +1724,7 @@ var PortfolioHero = ({
|
|
|
1723
1724
|
ref: heroContentRef,
|
|
1724
1725
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1725
1726
|
},
|
|
1726
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1727
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden shrink-0 shadow-sm" }, /* @__PURE__ */ import_react29.default.createElement(
|
|
1727
1728
|
import_image7.default,
|
|
1728
1729
|
{
|
|
1729
1730
|
src: imageSrc,
|
|
@@ -1749,14 +1750,14 @@ var PortfolioHero = ({
|
|
|
1749
1750
|
ThreeDButton,
|
|
1750
1751
|
{
|
|
1751
1752
|
href: primaryCtaHref,
|
|
1752
|
-
className: "py-
|
|
1753
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1753
1754
|
},
|
|
1754
1755
|
primaryCtaText
|
|
1755
1756
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react29.default.createElement(
|
|
1756
1757
|
import_link7.default,
|
|
1757
1758
|
{
|
|
1758
1759
|
href: secondaryCtaHref,
|
|
1759
|
-
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
|
|
1760
|
+
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"
|
|
1760
1761
|
},
|
|
1761
1762
|
secondaryCtaText,
|
|
1762
1763
|
/* @__PURE__ */ import_react29.default.createElement(import_react30.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1880,7 +1881,7 @@ var UniversalSidebar = ({
|
|
|
1880
1881
|
"div",
|
|
1881
1882
|
{
|
|
1882
1883
|
onClick: handleCopyWallet,
|
|
1883
|
-
className: "flex items-center gap-2 bg-neutral-900
|
|
1884
|
+
className: "flex items-center gap-2 bg-neutral-900 rounded-full p-1 pr-3 cursor-pointer hover:bg-neutral-800 transition-colors",
|
|
1884
1885
|
title: "Copy Address"
|
|
1885
1886
|
},
|
|
1886
1887
|
web3Avatar ? /* @__PURE__ */ import_react33.default.createElement("img", { src: web3Avatar, alt: "Avatar", className: "w-6 h-6 rounded-full bg-neutral-800 object-cover shrink-0" }) : /* @__PURE__ */ import_react33.default.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)),
|
|
@@ -1892,7 +1893,7 @@ var UniversalSidebar = ({
|
|
|
1892
1893
|
setShowNotifDialog(true);
|
|
1893
1894
|
setSelectedNotif(null);
|
|
1894
1895
|
},
|
|
1895
|
-
className: "relative w-8 h-8 shrink-0 bg-neutral-900
|
|
1896
|
+
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"
|
|
1896
1897
|
},
|
|
1897
1898
|
/* @__PURE__ */ import_react33.default.createElement(import_react34.HugeiconsIcon, { icon: import_core_free_icons7.Notification01Icon, size: 14 }),
|
|
1898
1899
|
unreadNotificationsCount > 0 && /* @__PURE__ */ import_react33.default.createElement("span", { className: "absolute top-2 right-2.5 w-2 h-2 bg-blue-500 rounded-full border border-neutral-900" })
|
|
@@ -1900,16 +1901,16 @@ var UniversalSidebar = ({
|
|
|
1900
1901
|
import_link8.default,
|
|
1901
1902
|
{
|
|
1902
1903
|
href: backUrl,
|
|
1903
|
-
className: "w-10 h-10 shrink-0 bg-neutral-900
|
|
1904
|
+
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",
|
|
1904
1905
|
"aria-label": "Go Back"
|
|
1905
1906
|
},
|
|
1906
1907
|
/* @__PURE__ */ import_react33.default.createElement(import_react34.HugeiconsIcon, { icon: import_core_free_icons7.ArrowLeft01Icon, size: 18 })
|
|
1907
1908
|
));
|
|
1908
|
-
return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.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
|
|
1909
|
+
return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.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__ */ import_react33.default.createElement(
|
|
1909
1910
|
"button",
|
|
1910
1911
|
{
|
|
1911
1912
|
onClick: openMobile,
|
|
1912
|
-
className: `w-10 h-10 bg-neutral-900
|
|
1913
|
+
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"}`,
|
|
1913
1914
|
"aria-label": "Open Menu"
|
|
1914
1915
|
},
|
|
1915
1916
|
/* @__PURE__ */ import_react33.default.createElement(import_react34.HugeiconsIcon, { icon: import_core_free_icons7.SidebarLeft01Icon, size: 18 })
|
|
@@ -1923,13 +1924,13 @@ var UniversalSidebar = ({
|
|
|
1923
1924
|
"aside",
|
|
1924
1925
|
{
|
|
1925
1926
|
className: `
|
|
1926
|
-
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
|
|
1927
|
+
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
|
|
1927
1928
|
transition-all duration-300 ease-in-out shrink-0 flex flex-col z-100 md:z-50
|
|
1928
1929
|
${isMobileOpen ? "translate-x-0" : "translate-x-[-120%] md:translate-x-0"}
|
|
1929
1930
|
${isCollapsed ? "md:w-16 w-64" : "w-64"}
|
|
1930
1931
|
`
|
|
1931
1932
|
},
|
|
1932
|
-
/* @__PURE__ */ import_react33.default.createElement("div", { className: `flex items-center shrink-0 p-5
|
|
1933
|
+
/* @__PURE__ */ import_react33.default.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ import_react33.default.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-9 h-9 border border-neutral-700 rounded-full flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react33.default.createElement("h3", { className: "text-[10px] text-white tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[13px] text-white leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ import_react33.default.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
1933
1934
|
"button",
|
|
1934
1935
|
{
|
|
1935
1936
|
onClick: closeMobile,
|
|
@@ -1961,7 +1962,7 @@ var UniversalSidebar = ({
|
|
|
1961
1962
|
(!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
|
|
1962
1963
|
);
|
|
1963
1964
|
})),
|
|
1964
|
-
/* @__PURE__ */ import_react33.default.createElement("div", { className: "p-4 shrink-0 flex flex-col gap-2
|
|
1965
|
+
/* @__PURE__ */ import_react33.default.createElement("div", { className: "p-4 shrink-0 flex flex-col gap-2" }, showLogoutAction && /* @__PURE__ */ import_react33.default.createElement("div", { className: `flex gap-2 px-1 pb-2 ${isCollapsed && !isMobileOpen ? "flex-col items-center" : "items-center"}` }, /* @__PURE__ */ import_react33.default.createElement(
|
|
1965
1966
|
"button",
|
|
1966
1967
|
{
|
|
1967
1968
|
onClick: () => setShowLogoutDialog(true),
|
|
@@ -1986,7 +1987,7 @@ var UniversalSidebar = ({
|
|
|
1986
1987
|
setSelectedNotif(notif);
|
|
1987
1988
|
onNotificationClick?.(notif);
|
|
1988
1989
|
},
|
|
1989
|
-
className: "p-3 flex items-start gap-3 hover:bg-neutral-800
|
|
1990
|
+
className: "p-3 flex items-start gap-3 hover:bg-neutral-800 cursor-pointer transition-colors"
|
|
1990
1991
|
},
|
|
1991
1992
|
/* @__PURE__ */ import_react33.default.createElement("div", { className: "mt-1.5 shrink-0" }, !notif.isRead ? /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-1.5 h-1.5 bg-blue-500 rounded-full" }) : /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-1.5 h-1.5 bg-transparent" })),
|
|
1992
1993
|
/* @__PURE__ */ import_react33.default.createElement("div", { className: "flex-1 min-w-0 text-left" }, /* @__PURE__ */ import_react33.default.createElement("h5", { className: `text-[12px] truncate ${notif.isRead ? "text-neutral-400" : "text-white"}` }, notif.title), /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-[11px] text-neutral-500 truncate mt-0.5" }, notif.message), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[9px] text-neutral-600 tracking-widest mt-2 block" }, formatNotifDate(notif.createdAt)))
|
|
@@ -2509,10 +2510,6 @@ var UniversalTransactionPage = ({
|
|
|
2509
2510
|
}
|
|
2510
2511
|
};
|
|
2511
2512
|
const isListLoading = isLoading || isTyping;
|
|
2512
|
-
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=")`;
|
|
2513
|
-
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)";
|
|
2514
|
-
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)";
|
|
2515
|
-
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)";
|
|
2516
2513
|
return /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, !hideControls && /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react43.default.createElement(import_react44.HugeiconsIcon, { icon: import_core_free_icons12.Search01Icon, size: 16, className: "text-neutral-500" })), /* @__PURE__ */ import_react43.default.createElement(
|
|
2517
2514
|
"input",
|
|
2518
2515
|
{
|
|
@@ -2577,43 +2574,13 @@ var UniversalTransactionPage = ({
|
|
|
2577
2574
|
const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
|
|
2578
2575
|
return /* @__PURE__ */ import_react43.default.createElement("div", { key }, /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, formattedKey), /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-[13px] text-white break-all" }, String(value)));
|
|
2579
2576
|
})), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react43.default.createElement(
|
|
2580
|
-
|
|
2577
|
+
ThreeDActionButton,
|
|
2581
2578
|
{
|
|
2582
2579
|
onClick: handleGenerateReceipt,
|
|
2583
|
-
|
|
2584
|
-
className: "
|
|
2585
|
-
style: {
|
|
2586
|
-
backgroundImage: silverBg,
|
|
2587
|
-
backgroundSize: "cover",
|
|
2588
|
-
backgroundPosition: "center",
|
|
2589
|
-
boxShadow: isGeneratingReceipt ? silverShadowActive : silverShadowBase,
|
|
2590
|
-
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
2591
|
-
},
|
|
2592
|
-
onMouseEnter: (e) => {
|
|
2593
|
-
if (!isGeneratingReceipt) {
|
|
2594
|
-
e.currentTarget.style.boxShadow = silverShadowHover;
|
|
2595
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2596
|
-
}
|
|
2597
|
-
},
|
|
2598
|
-
onMouseLeave: (e) => {
|
|
2599
|
-
if (!isGeneratingReceipt) {
|
|
2600
|
-
e.currentTarget.style.boxShadow = silverShadowBase;
|
|
2601
|
-
e.currentTarget.style.transform = "translateY(0px)";
|
|
2602
|
-
}
|
|
2603
|
-
},
|
|
2604
|
-
onMouseDown: (e) => {
|
|
2605
|
-
if (!isGeneratingReceipt) {
|
|
2606
|
-
e.currentTarget.style.boxShadow = silverShadowActive;
|
|
2607
|
-
e.currentTarget.style.transform = "translateY(2px)";
|
|
2608
|
-
}
|
|
2609
|
-
},
|
|
2610
|
-
onMouseUp: (e) => {
|
|
2611
|
-
if (!isGeneratingReceipt) {
|
|
2612
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2613
|
-
}
|
|
2614
|
-
}
|
|
2580
|
+
isLoading: isGeneratingReceipt,
|
|
2581
|
+
className: "w-full py-3 text-[14px]"
|
|
2615
2582
|
},
|
|
2616
|
-
|
|
2583
|
+
"Generate Receipt"
|
|
2617
2584
|
), /* @__PURE__ */ import_react43.default.createElement(
|
|
2618
2585
|
"button",
|
|
2619
2586
|
{
|
|
@@ -2658,7 +2625,7 @@ var UniversalTransactionPage = ({
|
|
|
2658
2625
|
"button",
|
|
2659
2626
|
{
|
|
2660
2627
|
onClick: () => setIsTypeModalOpen(false),
|
|
2661
|
-
className: "w-full py-
|
|
2628
|
+
className: "w-full py- text-[13px] text-neutral-500 hover:bg-neutral-800 hover:text-white transition-colors outline-none"
|
|
2662
2629
|
},
|
|
2663
2630
|
"Cancel"
|
|
2664
2631
|
)))));
|
|
@@ -2754,7 +2721,7 @@ var UniversalHomeView = ({
|
|
|
2754
2721
|
"button",
|
|
2755
2722
|
{
|
|
2756
2723
|
onClick: secondaryAction.onClick,
|
|
2757
|
-
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"
|
|
2724
|
+
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"
|
|
2758
2725
|
},
|
|
2759
2726
|
/* @__PURE__ */ import_react45.default.createElement("span", { className: "text-[13px] tracking-wide" }, secondaryAction.label),
|
|
2760
2727
|
secondaryAction.icon && /* @__PURE__ */ import_react45.default.createElement(import_react46.HugeiconsIcon, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -2785,7 +2752,7 @@ var import_core_free_icons14 = require("@hugeicons/core-free-icons");
|
|
|
2785
2752
|
var PageSpinner3 = () => /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ import_react47.default.createElement(import_react48.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 32, className: "animate-spin mb-4 text-white" }));
|
|
2786
2753
|
var WalletLogo = ({ src, alt, sizeClass = "w-10 h-10" }) => {
|
|
2787
2754
|
const [isLoaded, setIsLoaded] = (0, import_react47.useState)(false);
|
|
2788
|
-
return /* @__PURE__ */ import_react47.default.createElement("div", { className: `relative shrink-0 rounded-full bg-black flex items-center justify-center overflow-hidden
|
|
2755
|
+
return /* @__PURE__ */ import_react47.default.createElement("div", { className: `relative shrink-0 rounded-full bg-black flex items-center justify-center overflow-hidden ${sizeClass}` }, !isLoaded && /* @__PURE__ */ import_react47.default.createElement(import_react48.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 16, className: "animate-spin text-neutral-600 absolute" }), /* @__PURE__ */ import_react47.default.createElement(
|
|
2789
2756
|
"img",
|
|
2790
2757
|
{
|
|
2791
2758
|
src,
|
|
@@ -2814,10 +2781,6 @@ var UniversalWalletPage = ({
|
|
|
2814
2781
|
const q = localSearchQuery.toLowerCase();
|
|
2815
2782
|
return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
|
|
2816
2783
|
});
|
|
2817
|
-
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)`;
|
|
2818
|
-
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)`;
|
|
2819
|
-
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)`;
|
|
2820
|
-
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`;
|
|
2821
2784
|
const handleCopy = (wallet) => {
|
|
2822
2785
|
if (onCopyAddress) onCopyAddress(wallet);
|
|
2823
2786
|
if (typeof navigator !== "undefined" && navigator.clipboard) {
|
|
@@ -2834,9 +2797,9 @@ var UniversalWalletPage = ({
|
|
|
2834
2797
|
placeholder: "Search wallets by name or network...",
|
|
2835
2798
|
value: localSearchQuery,
|
|
2836
2799
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
2837
|
-
className: "w-full pl-10 pr-4 py-2
|
|
2800
|
+
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"
|
|
2838
2801
|
}
|
|
2839
|
-
))), /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-neutral-900
|
|
2802
|
+
))), /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-neutral-900 w-full" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ import_react47.default.createElement("div", null, /* @__PURE__ */ import_react47.default.createElement("h1", { className: "text-white text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ import_react47.default.createElement("p", { className: "text-xs text-neutral-400" }, headerDescription))), /* @__PURE__ */ import_react47.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react47.default.createElement(PageSpinner3, null) : /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "divide-y divide-neutral-800" }, filteredWallets.length === 0 ? /* @__PURE__ */ import_react47.default.createElement("p", { className: "text-xs text-neutral-500 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ import_react47.default.createElement(
|
|
2840
2803
|
"div",
|
|
2841
2804
|
{
|
|
2842
2805
|
key: wallet.id,
|
|
@@ -2844,11 +2807,11 @@ var UniversalWalletPage = ({
|
|
|
2844
2807
|
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"
|
|
2845
2808
|
},
|
|
2846
2809
|
/* @__PURE__ */ import_react47.default.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ import_react47.default.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ import_react47.default.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ import_react47.default.createElement("p", { className: "text-[13px] text-white truncate font-medium" }, wallet.name), /* @__PURE__ */ import_react47.default.createElement("p", { className: `text-[13px] text-neutral-400 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
|
|
2847
|
-
/* @__PURE__ */ import_react47.default.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[10px] tracking-wide text-neutral-400 bg-neutral-800
|
|
2810
|
+
/* @__PURE__ */ import_react47.default.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[10px] tracking-wide text-neutral-400 bg-neutral-800 px-2.5 py-1 rounded-full " }, wallet.network))
|
|
2848
2811
|
)))))), selectedWallet && /* @__PURE__ */ import_react47.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "absolute inset-0 bg-black/60", onClick: () => {
|
|
2849
2812
|
setSelectedWallet(null);
|
|
2850
2813
|
setShowToast(false);
|
|
2851
|
-
} }), /* @__PURE__ */ import_react47.default.createElement("div", { className: "relative w-full max-w-sm bg-neutral-900
|
|
2814
|
+
} }), /* @__PURE__ */ import_react47.default.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__ */ import_react47.default.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__ */ import_react47.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react47.default.createElement("h3", { className: "text-[15px] text-white tracking-tight" }, "Wallet Details"), /* @__PURE__ */ import_react47.default.createElement("button", { onClick: () => {
|
|
2852
2815
|
setSelectedWallet(null);
|
|
2853
2816
|
setShowToast(false);
|
|
2854
2817
|
}, className: "text-neutral-500 hover:text-white transition-colors outline-none" }, /* @__PURE__ */ import_react47.default.createElement(import_react48.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ import_react47.default.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ import_react47.default.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__ */ import_react47.default.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__ */ import_react47.default.createElement("div", { className: "w-full flex justify-center mb-6" }, renderQrCode(selectedWallet)), /* @__PURE__ */ import_react47.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ import_react47.default.createElement(
|
|
@@ -2860,43 +2823,18 @@ var UniversalWalletPage = ({
|
|
|
2860
2823
|
isDismissible: false
|
|
2861
2824
|
}
|
|
2862
2825
|
)), /* @__PURE__ */ import_react47.default.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ import_react47.default.createElement("div", null, /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, "Wallet Address"), /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[13px] text-white break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ import_react47.default.createElement("div", null, /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 block mb-2" }, "Wallet Name"), /* @__PURE__ */ import_react47.default.createElement("span", { className: "text-[13px] text-white" }, selectedWallet.name))), /* @__PURE__ */ import_react47.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react47.default.createElement(
|
|
2863
|
-
|
|
2826
|
+
ThreeDActionButton,
|
|
2864
2827
|
{
|
|
2865
|
-
disabled: isGeneratingStatement,
|
|
2866
2828
|
onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
transition-all duration-150 select-none outline-none
|
|
2870
|
-
${isGeneratingStatement ? "opacity-50 cursor-not-allowed" : "active:translate-y-0.5"}
|
|
2871
|
-
`,
|
|
2872
|
-
style: { boxShadow: isGeneratingStatement ? disabledShadow : primaryBaseShadow },
|
|
2873
|
-
onMouseEnter: (e) => {
|
|
2874
|
-
if (isGeneratingStatement) return;
|
|
2875
|
-
e.currentTarget.style.boxShadow = primaryHoverShadow;
|
|
2876
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2877
|
-
},
|
|
2878
|
-
onMouseLeave: (e) => {
|
|
2879
|
-
if (isGeneratingStatement) return;
|
|
2880
|
-
e.currentTarget.style.boxShadow = primaryBaseShadow;
|
|
2881
|
-
e.currentTarget.style.transform = "translateY(0px)";
|
|
2882
|
-
},
|
|
2883
|
-
onMouseDown: (e) => {
|
|
2884
|
-
if (isGeneratingStatement) return;
|
|
2885
|
-
e.currentTarget.style.boxShadow = primaryActiveShadow;
|
|
2886
|
-
e.currentTarget.style.transform = "translateY(2px)";
|
|
2887
|
-
},
|
|
2888
|
-
onMouseUp: (e) => {
|
|
2889
|
-
if (isGeneratingStatement) return;
|
|
2890
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
2891
|
-
}
|
|
2829
|
+
isLoading: isGeneratingStatement,
|
|
2830
|
+
className: "w-full py-3 text-[13px]"
|
|
2892
2831
|
},
|
|
2893
|
-
|
|
2894
|
-
/* @__PURE__ */ import_react47.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide font-medium" }, isGeneratingStatement ? /* @__PURE__ */ import_react47.default.createElement(import_react48.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 16, className: "animate-spin text-white" }) : "Generate Statement")
|
|
2832
|
+
"Generate Statement"
|
|
2895
2833
|
), /* @__PURE__ */ import_react47.default.createElement(
|
|
2896
2834
|
"button",
|
|
2897
2835
|
{
|
|
2898
2836
|
onClick: () => handleCopy(selectedWallet),
|
|
2899
|
-
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"
|
|
2837
|
+
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"
|
|
2900
2838
|
},
|
|
2901
2839
|
"Copy Wallet Address"
|
|
2902
2840
|
))))));
|
|
@@ -2981,7 +2919,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
2981
2919
|
sizes: "48px",
|
|
2982
2920
|
className: "object-cover"
|
|
2983
2921
|
}
|
|
2984
|
-
)))), /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react52.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react52.default.createElement("div", { key: idx, className: "bg-neutral-900
|
|
2922
|
+
)))), /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react52.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react52.default.createElement("div", { key: idx, className: "bg-neutral-900 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ import_react52.default.createElement("span", { className: "text-[14px] text-neutral-400 tracking-wide" }, stat.label)), /* @__PURE__ */ import_react52.default.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-white mt-auto leading-none" }, stat.value))))));
|
|
2985
2923
|
};
|
|
2986
2924
|
|
|
2987
2925
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -3040,7 +2978,7 @@ var ConsultantShowcase = ({
|
|
|
3040
2978
|
return /* @__PURE__ */ import_react53.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react53.default.createElement(
|
|
3041
2979
|
"div",
|
|
3042
2980
|
{
|
|
3043
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
2981
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
3044
2982
|
onTouchStart,
|
|
3045
2983
|
onTouchMove,
|
|
3046
2984
|
onTouchEnd
|
|
@@ -3092,7 +3030,36 @@ var ContentGridBlock = ({
|
|
|
3092
3030
|
middleBottomCard,
|
|
3093
3031
|
rightCards
|
|
3094
3032
|
}) => {
|
|
3095
|
-
return /* @__PURE__ */ import_react55.default.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react55.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react55.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "bg-neutral-900
|
|
3033
|
+
return /* @__PURE__ */ import_react55.default.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react55.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react55.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "bg-neutral-900 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-700" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react55.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-black overflow-hidden relative z-10" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-sm text-neutral-400" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react55.default.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__ */ import_react55.default.createElement("span", { className: "text-white" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[11px] text-neutral-500 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[14px] text-white leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] text-white leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-neutral-500" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-800" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[16px] text-white leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react55.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-neutral-900 text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react55.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
3034
|
+
};
|
|
3035
|
+
|
|
3036
|
+
// src/components/ManagedProjectsBlock.tsx
|
|
3037
|
+
var import_react57 = __toESM(require("react"));
|
|
3038
|
+
var import_link9 = __toESM(require("next/link"));
|
|
3039
|
+
var GridSection = ({
|
|
3040
|
+
children,
|
|
3041
|
+
isLast = false,
|
|
3042
|
+
className = "py-8 md:py-10"
|
|
3043
|
+
}) => /* @__PURE__ */ import_react57.default.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
|
|
3044
|
+
var ManagedProjectsBlock = ({
|
|
3045
|
+
tagline,
|
|
3046
|
+
title,
|
|
3047
|
+
projects
|
|
3048
|
+
}) => {
|
|
3049
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-5xl mx-auto overflow-hidden shadow-2xl" }, /* @__PURE__ */ import_react57.default.createElement(
|
|
3050
|
+
"div",
|
|
3051
|
+
{
|
|
3052
|
+
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
3053
|
+
style: {
|
|
3054
|
+
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")`,
|
|
3055
|
+
backgroundRepeat: "repeat"
|
|
3056
|
+
}
|
|
3057
|
+
}
|
|
3058
|
+
), /* @__PURE__ */ import_react57.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react57.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react57.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ import_react57.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
3059
|
+
const isLast = index === projects.length - 1;
|
|
3060
|
+
const projectContent = /* @__PURE__ */ import_react57.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react57.default.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__ */ import_react57.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react57.default.createElement("h2", { className: "text-[16px] text-white transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ import_react57.default.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__ */ import_react57.default.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__ */ import_react57.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0" }, project.date)), /* @__PURE__ */ import_react57.default.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));
|
|
3061
|
+
return /* @__PURE__ */ import_react57.default.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__ */ import_react57.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react57.default.createElement(import_link9.default, { href: project.link, className: "block outline-none" }, projectContent));
|
|
3062
|
+
}))));
|
|
3096
3063
|
};
|
|
3097
3064
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3098
3065
|
0 && (module.exports = {
|
|
@@ -3113,6 +3080,7 @@ var ContentGridBlock = ({
|
|
|
3113
3080
|
ManagedNewsletterSplitBlock,
|
|
3114
3081
|
ManagedNotFoundBlock,
|
|
3115
3082
|
ManagedPricingBlock,
|
|
3083
|
+
ManagedProjectsBlock,
|
|
3116
3084
|
ManagedToaster,
|
|
3117
3085
|
MedicalFeatureStatsBlock,
|
|
3118
3086
|
NumberInput,
|