@trading-game/design-intelligence-layer 0.16.3 → 0.16.5

package/dist/index.d.cts

@@ -998,7 +998,7 @@ type OpenPositionsBlockProps = {
     sheetTitle?: string;
     /** Position items to render in the list. Empty array → emptyState is shown. */
     positions: Position[];
-    /** Footer link handler. The button label is fixed: "View transaction history". */
+    /** Footer link handler. The button label is fixed: "View trade history". */
     onViewHistory?: () => void;
     /** Replaces the default empty state when positions.length === 0. */
     emptyState?: React$1.ReactNode;

package/dist/index.d.ts

@@ -998,7 +998,7 @@ type OpenPositionsBlockProps = {
     sheetTitle?: string;
     /** Position items to render in the list. Empty array → emptyState is shown. */
     positions: Position[];
-    /** Footer link handler. The button label is fixed: "View transaction history". */
+    /** Footer link handler. The button label is fixed: "View trade history". */
     onViewHistory?: () => void;
     /** Replaces the default empty state when positions.length === 0. */
     emptyState?: React$1.ReactNode;

package/dist/index.js

@@ -6752,7 +6752,7 @@ function CreditTicketCard({
 }) {
   return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
     (() => {
-      const badgeText = badgeValue || badgeCurrency ? `${badgeLabel}: ${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
+      const badgeText = badgeValue ? `${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
       const creditBadge = /* @__PURE__ */ jsxs29(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
@@ -6769,14 +6769,11 @@ function CreditTicketCard({
           /* @__PURE__ */ jsx58(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
-            " ",
-            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
-          ] })
+      const valueText = /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+        /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+        currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
+          " ",
+          /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
         ] })
       ] });
       return /* @__PURE__ */ jsx58(
@@ -6786,24 +6783,21 @@ function CreditTicketCard({
             "flex flex-1 overflow-hidden",
             compact ? "flex-col gap-2 px-2 py-4" : "items-center gap-4 px-4 py-4"
           ),
-          children: compact ? /* @__PURE__ */ jsxs29("div", { className: "flex flex-1 flex-col gap-2", children: [
+          children: compact ? /* @__PURE__ */ jsxs29(Fragment5, { children: [
             /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
               icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-              labelValue
+              /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+                /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+                valueText
+              ] })
             ] }),
-            /* @__PURE__ */ jsx58("div", { className: "flex", children: icon ? /* @__PURE__ */ jsx58("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ jsx58("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
+            /* @__PURE__ */ jsx58("div", { className: cn("flex", icon && "pl-12"), children: creditBadge })
           ] }) : /* @__PURE__ */ jsxs29(Fragment5, { children: [
             icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
             /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
               /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
               /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
-                  /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-                  currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
-                    " ",
-                    /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
-                  ] })
-                ] }),
+                valueText,
                 creditBadge
               ] })
             ] })
@@ -7406,7 +7400,7 @@ function PositionsList({
       i < positions.length - 1 && /* @__PURE__ */ jsx67("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
     /* @__PURE__ */ jsx67(Separator, {}),
-    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
+    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
@@ -7461,7 +7455,7 @@ function DefaultEmptyState({ onViewHistory }) {
   return /* @__PURE__ */ jsx67(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs36(EmptyHeader, { className: "gap-4", children: [
     /* @__PURE__ */ jsx67(EmptyMedia, { children: /* @__PURE__ */ jsx67(History2, { className: "size-8 text-on-subtle" }) }),
     /* @__PURE__ */ jsx67(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
+    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 export {