@liberfi.io/ui-perpetuals 0.2.15 → 0.2.16

package/dist/index.d.mts

@@ -12,7 +12,7 @@ declare global {
         };
     }
 }
-declare const _default: "0.2.15";
+declare const _default: "0.2.16";
 
 /**
  * Trading pair symbol format
@@ -2009,6 +2009,19 @@ type UseCoinInfoReturnType = {
 };
 declare function useCoinInfo(symbol: string): UseCoinInfoReturnType;
 
+/**
+ * Skeleton placeholder for {@link CoinInfoUI}.
+ *
+ * Mirrors the real component's flex layout so the loading shell occupies
+ * exactly the same footprint (no layout jump on data arrival):
+ * `[price + 24h%]  [Oracle]  [24h Volume]  [Open Interest]  [Funding / Countdown]`
+ *
+ * The container is intentionally transparent — coin-info renders inside
+ * the perpetuals chart column whose host page provides the background
+ * (e.g. `#000000` on the perpetuals page). A separate gray wash here
+ * would clash with that. Only the individual `Skeleton` cells carry the
+ * shimmer to indicate loading.
+ */
 declare function CoinInfoSkeletonsUI(): react_jsx_runtime.JSX.Element;
 
 declare function CoinInfoNotFoundUI(): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ declare global {
         };
     }
 }
-declare const _default: "0.2.15";
+declare const _default: "0.2.16";
 
 /**
  * Trading pair symbol format
@@ -2009,6 +2009,19 @@ type UseCoinInfoReturnType = {
 };
 declare function useCoinInfo(symbol: string): UseCoinInfoReturnType;
 
+/**
+ * Skeleton placeholder for {@link CoinInfoUI}.
+ *
+ * Mirrors the real component's flex layout so the loading shell occupies
+ * exactly the same footprint (no layout jump on data arrival):
+ * `[price + 24h%]  [Oracle]  [24h Volume]  [Open Interest]  [Funding / Countdown]`
+ *
+ * The container is intentionally transparent — coin-info renders inside
+ * the perpetuals chart column whose host page provides the background
+ * (e.g. `#000000` on the perpetuals page). A separate gray wash here
+ * would clash with that. Only the individual `Skeleton` cells carry the
+ * shimmer to indicate loading.
+ */
 declare function CoinInfoSkeletonsUI(): react_jsx_runtime.JSX.Element;
 
 declare function CoinInfoNotFoundUI(): react_jsx_runtime.JSX.Element;