@loafmarkets/ui 0.1.51 → 0.1.52

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.mjs CHANGED
@@ -2675,6 +2675,7 @@ var PropertyNewsUpdates = React5.forwardRef(
2675
2675
  purchases: purchasesProp,
2676
2676
  viewAllHref,
2677
2677
  viewAllLabel = "View All News",
2678
+ connectionStatus = "live",
2678
2679
  ...props
2679
2680
  }, ref) => {
2680
2681
  const isPurchaseVariant = variant === "purchases";
@@ -2742,7 +2743,30 @@ var PropertyNewsUpdates = React5.forwardRef(
2742
2743
  /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
2743
2744
  ]
2744
2745
  }
2745
- ) : !isHomeVariant && !isPurchaseVariant ? /* @__PURE__ */ jsxs(
2746
+ ) : !isHomeVariant && !isPurchaseVariant ? connectionStatus === "connecting" ? /* @__PURE__ */ jsxs(
2747
+ "div",
2748
+ {
2749
+ className: "inline-flex items-center font-semibold uppercase",
2750
+ style: { gap: "0.35rem", fontSize: "0.8rem", letterSpacing: "0.15em", color: "#f97316" },
2751
+ children: [
2752
+ /* @__PURE__ */ jsx(
2753
+ "span",
2754
+ {
2755
+ style: {
2756
+ display: "inline-block",
2757
+ width: "10px",
2758
+ height: "10px",
2759
+ borderRadius: "50%",
2760
+ border: "2px solid rgba(249,115,22,0.3)",
2761
+ borderTopColor: "#f97316",
2762
+ animation: "propertyNewsSpin 0.8s linear infinite"
2763
+ }
2764
+ }
2765
+ ),
2766
+ "CONNECTING"
2767
+ ]
2768
+ }
2769
+ ) : /* @__PURE__ */ jsxs(
2746
2770
  "div",
2747
2771
  {
2748
2772
  className: "inline-flex items-center font-semibold uppercase text-emerald-300",