@trading-game/design-intelligence-layer 0.13.1 → 0.13.2

package/dist/index.d.cts

@@ -689,10 +689,21 @@ type BoostTicketCardProps = {
      * not rendered.
      */
     boostInfo?: React$1.ReactNode;
+    /**
+     * Side the boost info tooltip opens on (desktop only — mobile always renders
+     * the info as a bottom-sheet drawer). Defaults to `"top"` to preserve the
+     * current behaviour.
+     */
+    boostInfoSide?: "top" | "bottom" | "left" | "right";
+    /**
+     * Alignment of the boost info tooltip relative to its trigger (desktop only).
+     * Defaults to `"center"`.
+     */
+    boostInfoAlign?: "start" | "center" | "end";
     /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
     compact?: boolean;
 };
-declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
+declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, boostInfoSide, boostInfoAlign, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
 /** Alias for the Figma-named variant. */
 declare const TicketCardDesktop: typeof TicketCard;
 

package/dist/index.d.ts

@@ -689,10 +689,21 @@ type BoostTicketCardProps = {
      * not rendered.
      */
     boostInfo?: React$1.ReactNode;
+    /**
+     * Side the boost info tooltip opens on (desktop only — mobile always renders
+     * the info as a bottom-sheet drawer). Defaults to `"top"` to preserve the
+     * current behaviour.
+     */
+    boostInfoSide?: "top" | "bottom" | "left" | "right";
+    /**
+     * Alignment of the boost info tooltip relative to its trigger (desktop only).
+     * Defaults to `"center"`.
+     */
+    boostInfoAlign?: "start" | "center" | "end";
     /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
     compact?: boolean;
 };
-declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
+declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, boostInfoSide, boostInfoAlign, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
 /** Alias for the Figma-named variant. */
 declare const TicketCardDesktop: typeof TicketCard;
 

package/dist/index.js

@@ -6400,6 +6400,8 @@ function BoostTicketCard({
   boostAmount = "0.00",
   boostCurrency = "USDT",
   boostInfo,
+  boostInfoSide = "top",
+  boostInfoAlign = "center",
   compact = false
 }) {
   return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs27("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
@@ -6432,7 +6434,7 @@ function BoostTicketCard({
                 children: /* @__PURE__ */ jsx57(Info, { className: "!size-3.5", strokeWidth: 2 })
               }
             ) }),
-            /* @__PURE__ */ jsx57(TooltipContent, { side: "top", variant: "inverse", className: "max-w-xs whitespace-normal", children: boostInfo })
+            /* @__PURE__ */ jsx57(TooltipContent, { side: boostInfoSide, align: boostInfoAlign, variant: "inverse", className: "max-w-xs whitespace-normal", children: boostInfo })
           ] }) })
         ] })
       ] })