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

package/dist/index.d.cts

@@ -689,10 +689,34 @@ 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";
+    /**
+     * Heading shown at the top of the mobile drawer (forwarded to
+     * `TooltipContent.title`). Desktop tooltip ignores this. When omitted, the
+     * underlying `TooltipContent` falls back to its own `"Title"` placeholder.
+     */
+    boostInfoTitle?: string;
+    /**
+     * Label on the dismiss button at the bottom of the mobile drawer (forwarded
+     * to `TooltipContent.closeLabel`). Desktop tooltip ignores this. When
+     * omitted, the underlying `TooltipContent` falls back to its own `"Label"`
+     * placeholder.
+     */
+    boostInfoCloseLabel?: string;
     /** 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, boostInfoTitle, boostInfoCloseLabel, 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,34 @@ 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";
+    /**
+     * Heading shown at the top of the mobile drawer (forwarded to
+     * `TooltipContent.title`). Desktop tooltip ignores this. When omitted, the
+     * underlying `TooltipContent` falls back to its own `"Title"` placeholder.
+     */
+    boostInfoTitle?: string;
+    /**
+     * Label on the dismiss button at the bottom of the mobile drawer (forwarded
+     * to `TooltipContent.closeLabel`). Desktop tooltip ignores this. When
+     * omitted, the underlying `TooltipContent` falls back to its own `"Label"`
+     * placeholder.
+     */
+    boostInfoCloseLabel?: string;
     /** 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, boostInfoTitle, boostInfoCloseLabel, 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,10 @@ function BoostTicketCard({
   boostAmount = "0.00",
   boostCurrency = "USDT",
   boostInfo,
+  boostInfoSide = "top",
+  boostInfoAlign = "center",
+  boostInfoTitle,
+  boostInfoCloseLabel,
   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 +6436,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, title: boostInfoTitle, closeLabel: boostInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: boostInfo })
           ] }) })
         ] })
       ] })