@loafmarkets/ui 0.1.315 → 0.1.317

package/dist/index.mjs

@@ -6799,22 +6799,8 @@ var LoginPopup = ({
               /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
               /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
             ] }) }),
-            /* @__PURE__ */ jsx(OnboardingHeading, { style: { textAlign: "center", marginBottom: "0.25rem" }, children: "Unlock Early Access" }),
-            /* @__PURE__ */ jsx(KycSubline, { children: "Verified investors get priority when offerings open" }),
-            /* @__PURE__ */ jsxs(KycBenefits, { children: [
-              /* @__PURE__ */ jsxs(KycBenefit, { children: [
-                /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
-                "Priority allocation on new offerings"
-              ] }),
-              /* @__PURE__ */ jsxs(KycBenefit, { children: [
-                /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
-                "Instant access when sales go live"
-              ] }),
-              /* @__PURE__ */ jsxs(KycBenefit, { children: [
-                /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
-                "Trade on the secondary market"
-              ] })
-            ] }),
+            /* @__PURE__ */ jsx(OnboardingHeading, { style: { textAlign: "center", marginBottom: "0.25rem" }, children: "Verify To Access" }),
+            /* @__PURE__ */ jsx(KycSubline, { children: "Initial offerings are only available to verified investors" }),
             /* @__PURE__ */ jsxs(KycStartButton, { type: "button", onClick: handleKycStart, disabled: kycLoading, children: [
               kycLoading ? "Verifying\u2026" : kycStatusProp === "PENDING" || kycStatusProp === "ON_HOLD" ? "Resume Verification" : "Start Verification",
               /* @__PURE__ */ jsx("span", { children: "Takes about 2 minutes" })
@@ -7054,21 +7040,11 @@ var KycLandingContainer = styled9.div`
   overflow: hidden;
 `;
 var KycGoldGlow = styled9.div`
-  position: absolute;
-  top: -60px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 200px;
-  height: 120px;
-  background: radial-gradient(ellipse, rgba(212,175,55,0.15) 0%, transparent 70%);
-  pointer-events: none;
+  display: none;
 `;
 var KycLockIcon = styled9.div`
   width: 52px;
   height: 52px;
-  border-radius: 50%;
-  background: rgba(212,175,55,0.08);
-  border: 1px solid rgba(212,175,55,0.2);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7080,14 +7056,14 @@ var KycSubline = styled9.p`
   margin: 0 0 1.25rem;
   line-height: 1.4;
 `;
-var KycBenefits = styled9.div`
+styled9.div`
   display: flex;
   flex-direction: column;
   gap: 0.6rem;
   width: 100%;
   margin-bottom: 1.25rem;
 `;
-var KycBenefit = styled9.div`
+styled9.div`
   display: flex;
   align-items: center;
   gap: 0.6rem;
@@ -7161,20 +7137,24 @@ var CloseButton = styled9.button`
   top: 1rem;
   right: 1rem;
   z-index: 10;
-  background: rgba(0, 0, 0, 0.6);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 999px;
-  color: var(--color-text-secondary, #848e9c);
+  background: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.4);
   font-size: 1.5rem;
   cursor: pointer;
-  padding: 0.5rem;
+  padding: 0.25rem;
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: color 0.2s ease, background 0.2s ease;
+  transition: color 0.2s ease;
+
+  svg {
+    width: 18px;
+    height: 18px;
+  }
 
   &:hover {
-    color: var(--color-accent, #e6c656);
+    color: rgba(255, 255, 255, 0.8);
   }
 `;
 var Title = styled9.h2`