@retinalabsllc/zairusjs 4.0.28 → 4.0.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.js CHANGED
@@ -583,8 +583,8 @@ var InputSpinner2 = () => /* @__PURE__ */ import_react6.default.createElement("s
583
583
  function AuthFormInner2({
584
584
  companyName,
585
585
  workspaceLabel = "Workspace",
586
- termsUrl = "https://piplepay.com/terms-of-service",
587
- privacyUrl = "https://piplepay.com/privacy-policy",
586
+ termsUrl = "https://aeona.finance/terms-of-service",
587
+ privacyUrl = "https://aeona.finance/privacy-policy",
588
588
  requireNames = true,
589
589
  requireOrganization = true,
590
590
  useRecaptcha = false,
@@ -979,7 +979,7 @@ var Footer = ({
979
979
  const toggleColumn = (idx) => {
980
980
  setOpenCol(openCol === idx ? null : idx);
981
981
  };
982
- return /* @__PURE__ */ import_react10.default.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ import_react10.default.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[11px] text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ import_react10.default.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ import_react10.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react10.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react10.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ import_react10.default.createElement(import_link3.default, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
982
+ return /* @__PURE__ */ import_react10.default.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ import_react10.default.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-4 mb-4" }, /* @__PURE__ */ import_react10.default.createElement("img", { src: "https://retinalabs.company/assets/images/ndpr.avif", alt: "NDPR", className: "w-28 h-auto object-contain filter grayscale opacity-80" }), /* @__PURE__ */ import_react10.default.createElement("img", { src: "https://retinalabs.company/assets/images/gdpr.avif", alt: "GDPR", className: "w-12 h-12 object-contain filter grayscale opacity-80" })), /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[11px] text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ import_react10.default.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ import_react10.default.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ import_react10.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react10.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react10.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ import_react10.default.createElement(import_link3.default, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
983
983
  const isOpen = openCol === idx;
984
984
  return /* @__PURE__ */ import_react10.default.createElement("div", { key: idx, className: "border-b border-neutral-100" }, /* @__PURE__ */ import_react10.default.createElement(
985
985
  "button",
@@ -1065,7 +1065,7 @@ var HeroSection = ({
1065
1065
  "h1",
1066
1066
  {
1067
1067
  ref: titleRef,
1068
- className: `text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl ${isAnimating ? "" : ""}`,
1068
+ className: `text-[40px] font-light md:text-5xl gradient-text lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl ${isAnimating ? "" : ""}`,
1069
1069
  style: isAnimating ? { animationIterationCount: 1 } : {}
1070
1070
  },
1071
1071
  titlePrefix
@@ -2297,7 +2297,7 @@ var UniversalOrganizationPage = ({
2297
2297
  initialSlug,
2298
2298
  orgId,
2299
2299
  isReadOnly = false,
2300
- slugPrefixUrl = "web3.piplepay.com/",
2300
+ slugPrefixUrl = "web3.aeona.finance/",
2301
2301
  bannerProps,
2302
2302
  onSaveConfiguration,
2303
2303
  onCheckSlugAvailability
@@ -2381,7 +2381,7 @@ var UniversalOrganizationPage = ({
2381
2381
  return /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ import_react43.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Web3 Profile"), /* @__PURE__ */ import_react43.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ import_react43.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ import_react43.default.createElement(import_react44.HugeiconsIcon, { icon: import_core_free_icons11.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react43.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react43.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react43.default.createElement(
2382
2382
  TextInput,
2383
2383
  {
2384
- label: "Web3 Public Display Name",
2384
+ label: "Public Display Name",
2385
2385
  value: web3Name,
2386
2386
  onChange: handleWeb3NameChange,
2387
2387
  disabled: isReadOnly || isSubmitting,
@@ -2391,14 +2391,14 @@ var UniversalOrganizationPage = ({
2391
2391
  ), /* @__PURE__ */ import_react43.default.createElement(
2392
2392
  TextInput,
2393
2393
  {
2394
- label: "Web3 Profile Username",
2394
+ label: "Profile Username",
2395
2395
  value: username,
2396
2396
  onChange: handleUsernameChange,
2397
2397
  disabled: isReadOnly || isSubmitting,
2398
2398
  placeholder: "sovereignuser",
2399
2399
  maxLength: 30
2400
2400
  }
2401
- ), /* @__PURE__ */ import_react43.default.createElement("div", { className: "space-y-2 relative w-full" }, /* @__PURE__ */ import_react43.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block uppercase" }, "Profile Handle Address Slug"), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center relative w-full" }, /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-2 border-b border-neutral-100 shrink-0" }, slugPrefixUrl), /* @__PURE__ */ import_react43.default.createElement(
2401
+ ), /* @__PURE__ */ import_react43.default.createElement("div", { className: "space-y-2 relative w-full" }, /* @__PURE__ */ import_react43.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Profile Handle Address Slug"), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center relative w-full" }, /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-2 border-b border-neutral-100 shrink-0" }, slugPrefixUrl), /* @__PURE__ */ import_react43.default.createElement(
2402
2402
  "input",
2403
2403
  {
2404
2404
  type: "text",
@@ -2922,7 +2922,7 @@ var UniversalProfileSettings = ({
2922
2922
  },
2923
2923
  disabled: true
2924
2924
  }
2925
- ), /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-[11px] text-neutral-400 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4 " }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate uppercase" }, "Account Status"), /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ import_react49.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate uppercase" }, "Member Since"), /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A"))), /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ import_react49.default.createElement(
2925
+ ), /* @__PURE__ */ import_react49.default.createElement("p", { className: "text-[11px] text-neutral-400 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4 " }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate " }, "Account Status"), /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ import_react49.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate " }, "Member Since"), /* @__PURE__ */ import_react49.default.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A"))), /* @__PURE__ */ import_react49.default.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ import_react49.default.createElement(
2926
2926
  "button",
2927
2927
  {
2928
2928
  type: "button",
@@ -4904,7 +4904,7 @@ var ContentGridBlock = ({
4904
4904
  middleBottomCard,
4905
4905
  rightCards
4906
4906
  }) => {
4907
- return /* @__PURE__ */ import_react90.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react90.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react90.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react90.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#25132d] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
4907
+ return /* @__PURE__ */ import_react90.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react90.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react90.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react90.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#42264f] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
4908
4908
  };
4909
4909
 
4910
4910
  // src/components/UniversalAppDetails.tsx
package/dist/index.mjs CHANGED
@@ -492,8 +492,8 @@ var InputSpinner2 = () => /* @__PURE__ */ React5.createElement("svg", { classNam
492
492
  function AuthFormInner2({
493
493
  companyName,
494
494
  workspaceLabel = "Workspace",
495
- termsUrl = "https://piplepay.com/terms-of-service",
496
- privacyUrl = "https://piplepay.com/privacy-policy",
495
+ termsUrl = "https://aeona.finance/terms-of-service",
496
+ privacyUrl = "https://aeona.finance/privacy-policy",
497
497
  requireNames = true,
498
498
  requireOrganization = true,
499
499
  useRecaptcha = false,
@@ -888,7 +888,7 @@ var Footer = ({
888
888
  const toggleColumn = (idx) => {
889
889
  setOpenCol(openCol === idx ? null : idx);
890
890
  };
891
- return /* @__PURE__ */ React8.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ React8.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ React8.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ React8.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ React8.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("p", { className: "text-[11px] text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ React8.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ React8.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ React8.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ React8.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ React8.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ React8.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React8.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ React8.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
891
+ return /* @__PURE__ */ React8.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ React8.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ React8.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ React8.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ React8.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-4 mb-4" }, /* @__PURE__ */ React8.createElement("img", { src: "https://retinalabs.company/assets/images/ndpr.avif", alt: "NDPR", className: "w-28 h-auto object-contain filter grayscale opacity-80" }), /* @__PURE__ */ React8.createElement("img", { src: "https://retinalabs.company/assets/images/gdpr.avif", alt: "GDPR", className: "w-12 h-12 object-contain filter grayscale opacity-80" })), /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("p", { className: "text-[11px] text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ React8.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ React8.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ React8.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ React8.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ React8.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ React8.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React8.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ React8.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
892
892
  const isOpen = openCol === idx;
893
893
  return /* @__PURE__ */ React8.createElement("div", { key: idx, className: "border-b border-neutral-100" }, /* @__PURE__ */ React8.createElement(
894
894
  "button",
@@ -974,7 +974,7 @@ var HeroSection = ({
974
974
  "h1",
975
975
  {
976
976
  ref: titleRef,
977
- className: `text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl ${isAnimating ? "" : ""}`,
977
+ className: `text-[40px] font-light md:text-5xl gradient-text lg:text-7xl mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl ${isAnimating ? "" : ""}`,
978
978
  style: isAnimating ? { animationIterationCount: 1 } : {}
979
979
  },
980
980
  titlePrefix
@@ -2218,7 +2218,7 @@ var UniversalOrganizationPage = ({
2218
2218
  initialSlug,
2219
2219
  orgId,
2220
2220
  isReadOnly = false,
2221
- slugPrefixUrl = "web3.piplepay.com/",
2221
+ slugPrefixUrl = "web3.aeona.finance/",
2222
2222
  bannerProps,
2223
2223
  onSaveConfiguration,
2224
2224
  onCheckSlugAvailability
@@ -2302,7 +2302,7 @@ var UniversalOrganizationPage = ({
2302
2302
  return /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ React29.createElement(ManagedToaster, null), /* @__PURE__ */ React29.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Web3 Profile"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React29.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ React29.createElement(HugeiconsIcon15, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React29.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React29.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React29.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React29.createElement(
2303
2303
  TextInput,
2304
2304
  {
2305
- label: "Web3 Public Display Name",
2305
+ label: "Public Display Name",
2306
2306
  value: web3Name,
2307
2307
  onChange: handleWeb3NameChange,
2308
2308
  disabled: isReadOnly || isSubmitting,
@@ -2312,14 +2312,14 @@ var UniversalOrganizationPage = ({
2312
2312
  ), /* @__PURE__ */ React29.createElement(
2313
2313
  TextInput,
2314
2314
  {
2315
- label: "Web3 Profile Username",
2315
+ label: "Profile Username",
2316
2316
  value: username,
2317
2317
  onChange: handleUsernameChange,
2318
2318
  disabled: isReadOnly || isSubmitting,
2319
2319
  placeholder: "sovereignuser",
2320
2320
  maxLength: 30
2321
2321
  }
2322
- ), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2 relative w-full" }, /* @__PURE__ */ React29.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block uppercase" }, "Profile Handle Address Slug"), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center relative w-full" }, /* @__PURE__ */ React29.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-2 border-b border-neutral-100 shrink-0" }, slugPrefixUrl), /* @__PURE__ */ React29.createElement(
2322
+ ), /* @__PURE__ */ React29.createElement("div", { className: "space-y-2 relative w-full" }, /* @__PURE__ */ React29.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Profile Handle Address Slug"), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center relative w-full" }, /* @__PURE__ */ React29.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-2 border-b border-neutral-100 shrink-0" }, slugPrefixUrl), /* @__PURE__ */ React29.createElement(
2323
2323
  "input",
2324
2324
  {
2325
2325
  type: "text",
@@ -2854,7 +2854,7 @@ var UniversalProfileSettings = ({
2854
2854
  },
2855
2855
  disabled: true
2856
2856
  }
2857
- ), /* @__PURE__ */ React32.createElement("p", { className: "text-[11px] text-neutral-400 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React32.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4 " }, /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate uppercase" }, "Account Status"), /* @__PURE__ */ React32.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate uppercase" }, "Member Since"), /* @__PURE__ */ React32.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A"))), /* @__PURE__ */ React32.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React32.createElement(
2857
+ ), /* @__PURE__ */ React32.createElement("p", { className: "text-[11px] text-neutral-400 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React32.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4 " }, /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate " }, "Account Status"), /* @__PURE__ */ React32.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate " }, "Member Since"), /* @__PURE__ */ React32.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A"))), /* @__PURE__ */ React32.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React32.createElement(
2858
2858
  "button",
2859
2859
  {
2860
2860
  type: "button",
@@ -4889,7 +4889,7 @@ var ContentGridBlock = ({
4889
4889
  middleBottomCard,
4890
4890
  rightCards
4891
4891
  }) => {
4892
- return /* @__PURE__ */ React54.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React54.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React54.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React54.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React54.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React54.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React54.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React54.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React54.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#25132d] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ React54.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
4892
+ return /* @__PURE__ */ React54.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React54.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React54.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React54.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React54.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React54.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React54.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React54.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React54.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#42264f] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ React54.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
4893
4893
  };
4894
4894
 
4895
4895
  // src/components/UniversalAppDetails.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "4.0.28",
3
+ "version": "4.0.30",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",