@loafmarkets/ui 0.1.135 → 0.1.137

package/dist/index.d.mts

@@ -767,8 +767,9 @@ type PropertyOffer = {
 };
 type PropertyOffersProps = {
     offers: PropertyOffer[];
+    totalShares?: number | null;
 };
-declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOffers({ offers, totalShares }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
 
 declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -767,8 +767,9 @@ type PropertyOffer = {
 };
 type PropertyOffersProps = {
     offers: PropertyOffer[];
+    totalShares?: number | null;
 };
-declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOffers({ offers, totalShares }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
 
 declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -2162,8 +2162,8 @@ function DesktopOrderbookLayout({
         )
       ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: rightHeader })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col min-h-0 px-4 pt-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3 px-3 py-2 text-xs text-white/60", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col min-h-0 px-4 pt-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3 px-3 pb-1 pt-0.5 text-xs text-white/60", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: priceLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: amountLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: tab === "orderbook" ? "Total" : "Time" })
@@ -8561,7 +8561,15 @@ var STATUS_COLOR = {
   historical: "#3861fb",
   expired: "rgba(255,255,255,0.7)"
 };
-function PropertyOffers({ offers }) {
+function parsePrice(price) {
+  return Number(price.replace(/[^0-9.]/g, ""));
+}
+function formatPerShare(price, totalShares) {
+  const total = parsePrice(price);
+  const perShare = total / totalShares;
+  return `$${perShare.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}/Share`;
+}
+function PropertyOffers({ offers, totalShares }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "bg-[rgba(30,32,38,0.95)] rounded-md p-7 border border-white/[0.08]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex justify-between items-center gap-4 flex-wrap", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "m-0 text-xl font-semibold", children: "Active & Historical Buyout Offers" }),
@@ -8592,6 +8600,11 @@ function PropertyOffers({ offers }) {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-[240px]", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-semibold text-[1.15rem] inline-flex items-center gap-2", children: [
               offer.price,
+              totalShares && totalShares > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[0.85rem] font-normal text-white/55", children: [
+                "(",
+                formatPerShare(offer.price, totalShares),
+                ")"
+              ] }),
               (offer.price === "$17,000,000" || offer.price === "$15,500,000") && /* @__PURE__ */ jsxRuntime.jsx(OfferPricePulse, { $variant: offer.price === "$17,000,000" ? "positive" : "alert" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[0.85rem] text-white/65 mt-[0.3rem]", children: [