@loafmarkets/ui 0.1.72 → 0.1.74

package/dist/index.mjs

@@ -2953,7 +2953,7 @@ var PropertyNewsUpdates = React5.forwardRef(
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "mt-4 flex flex-1 flex-col gap-3 overflow-hidden",
+              className: cn("flex flex-1 flex-col overflow-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
               style: !isPurchaseVariant && !isHomeVariant ? { minHeight: `${ITEMS_PER_PAGE * 86}px` } : void 0,
               children: isPurchaseVariant ? purchaseItems.length > 0 ? purchaseItems.slice(0, 7).map((purchase, index) => {
                 const maxAmount = 6e4;
@@ -3001,11 +3001,22 @@ var PropertyNewsUpdates = React5.forwardRef(
                       justifyContent: "space-between",
                       alignItems: "flex-start",
                       gap: "0.5rem",
-                      color: "inherit"
+                      color: "inherit",
+                      transition: "background-color 0.15s"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.02)";
+                      const title = e.currentTarget.querySelector("h3");
+                      if (title) title.style.color = "var(--color-accent, #E6C87E)";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = "transparent";
+                      const title = e.currentTarget.querySelector("h3");
+                      if (title) title.style.color = "#f8f9fa";
                     },
                     children: [
                       /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-                        /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
+                        /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4, transition: "color 0.15s" }, children: item.title }),
                         /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
                           /* @__PURE__ */ jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
                           item.source && /* @__PURE__ */ jsx("span", { style: { padding: "0.1rem 0.4rem", borderRadius: "3px", fontSize: "0.62rem", fontWeight: 500, backgroundColor: "rgba(255,255,255,0.07)", color: "#848e9c", whiteSpace: "nowrap" }, children: item.source }),
@@ -9646,6 +9657,7 @@ function OfferingProgressCard({
   raisedAmount,
   targetAmount,
   isPrivateClient = false,
+  variant = "default",
   style,
   className
 }) {
@@ -9677,6 +9689,24 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
+  if (variant === "compact") {
+    return /* @__PURE__ */ jsxs(CompactContainer, { style, className, children: [
+      /* @__PURE__ */ jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
+      /* @__PURE__ */ jsxs(ProgressInfo, { children: [
+        /* @__PURE__ */ jsxs(ProgressSubscribers, { children: [
+          "Subscribers: ",
+          subscriberCount.toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsxs(ProgressAmounts, { children: [
+          /* @__PURE__ */ jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
+          /* @__PURE__ */ jsxs("span", { className: "target", children: [
+            " / ",
+            formatCurrency3(computedTarget)
+          ] })
+        ] })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Container, { style, className, children: [
     /* @__PURE__ */ jsxs(Header2, { children: [
       /* @__PURE__ */ jsxs("h3", { children: [
@@ -9978,6 +10008,13 @@ var ProgressAmounts = styled25.div`
   .raised { color: #D4AF37; }
   .target { color: rgba(255,255,255,0.3); }
 `;
+var CompactContainer = styled25.div`
+  width: 100%;
+  margin: 1.5rem 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+`;
 var MAX_DISPLAY_AMOUNT = 6e4;
 var formatCurrency4 = (amount) => {
   if (amount >= 1e6) return `$${(amount / 1e6).toFixed(2)}M`;