@liberfi.io/ui-perpetuals 0.2.16 → 0.2.18

package/dist/index.d.mts

@@ -12,7 +12,7 @@ declare global {
         };
     }
 }
-declare const _default: "0.2.16";
+declare const _default: "0.2.18";
 
 /**
  * Trading pair symbol format
@@ -2012,15 +2012,17 @@ 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):
+ * Mirrors the live widget's flex layout so the loading shell occupies
+ * exactly the same footprint (no 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.
+ * 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.
+ *
+ * Shimmer styling is shared with the other perpetuals skeletons via
+ * {@link ShimmerStyle} / {@link shimmerDelay}; see `../../internal/skeleton`.
  */
 declare function CoinInfoSkeletonsUI(): react_jsx_runtime.JSX.Element;
 
@@ -2257,6 +2259,12 @@ type UsePlaceOrderFormScriptResult = {
     accountValue: number;
     currentPosition?: number;
     maxLeverage: number;
+    /**
+     * Leverage currently configured on Hyperliquid for the active symbol's
+     * position. `undefined` when the user has no open position for the
+     * symbol (and therefore no per-asset leverage to read).
+     */
+    currentLeverage?: number;
 };
 declare function usePlaceOrderFormScript({ symbol, userAddress, maxLeverage: maxLeverageProp, onSuccess, onError, }: UsePlaceOrderFormScriptParams): UsePlaceOrderFormScriptResult;
 
@@ -2285,7 +2293,7 @@ type PlaceOrderFormUIProps = {
      */
     onAddFunds?: () => void;
 };
-declare function PlaceOrderFormUI({ methods, side, orderType, onSideChange, onOrderTypeChange, onSubmit, isSubmitting, symbol, currentPrice, estimatedFee, liquidationPrice, availableMargin, accountValue, currentPosition, maxLeverage, onAddFunds, }: PlaceOrderFormUIProps): react_jsx_runtime.JSX.Element;
+declare function PlaceOrderFormUI({ methods, side, orderType, onSideChange, onOrderTypeChange, onSubmit, isSubmitting, symbol, currentPrice, estimatedFee, liquidationPrice, availableMargin, accountValue, currentPosition, maxLeverage: _maxLeverage, onAddFunds, }: PlaceOrderFormUIProps): react_jsx_runtime.JSX.Element;
 
 type PositionsWidgetProps = {
     userAddress?: string;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ declare global {
         };
     }
 }
-declare const _default: "0.2.16";
+declare const _default: "0.2.18";
 
 /**
  * Trading pair symbol format
@@ -2012,15 +2012,17 @@ 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):
+ * Mirrors the live widget's flex layout so the loading shell occupies
+ * exactly the same footprint (no 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.
+ * 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.
+ *
+ * Shimmer styling is shared with the other perpetuals skeletons via
+ * {@link ShimmerStyle} / {@link shimmerDelay}; see `../../internal/skeleton`.
  */
 declare function CoinInfoSkeletonsUI(): react_jsx_runtime.JSX.Element;
 
@@ -2257,6 +2259,12 @@ type UsePlaceOrderFormScriptResult = {
     accountValue: number;
     currentPosition?: number;
     maxLeverage: number;
+    /**
+     * Leverage currently configured on Hyperliquid for the active symbol's
+     * position. `undefined` when the user has no open position for the
+     * symbol (and therefore no per-asset leverage to read).
+     */
+    currentLeverage?: number;
 };
 declare function usePlaceOrderFormScript({ symbol, userAddress, maxLeverage: maxLeverageProp, onSuccess, onError, }: UsePlaceOrderFormScriptParams): UsePlaceOrderFormScriptResult;
 
@@ -2285,7 +2293,7 @@ type PlaceOrderFormUIProps = {
      */
     onAddFunds?: () => void;
 };
-declare function PlaceOrderFormUI({ methods, side, orderType, onSideChange, onOrderTypeChange, onSubmit, isSubmitting, symbol, currentPrice, estimatedFee, liquidationPrice, availableMargin, accountValue, currentPosition, maxLeverage, onAddFunds, }: PlaceOrderFormUIProps): react_jsx_runtime.JSX.Element;
+declare function PlaceOrderFormUI({ methods, side, orderType, onSideChange, onOrderTypeChange, onSubmit, isSubmitting, symbol, currentPrice, estimatedFee, liquidationPrice, availableMargin, accountValue, currentPosition, maxLeverage: _maxLeverage, onAddFunds, }: PlaceOrderFormUIProps): react_jsx_runtime.JSX.Element;
 
 type PositionsWidgetProps = {
     userAddress?: string;