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

package/dist/index.cjs

@@ -7085,7 +7085,7 @@ function CreditTicketCard({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime58.jsxs)(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
@@ -7102,14 +7102,11 @@ function CreditTicketCard({
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
-          ] })
+      const valueText = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+        currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
         ] })
       ] });
       return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -7119,24 +7116,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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-col gap-2", children: [
+          children: compact ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
               icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-              labelValue
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
+                valueText
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex", icon && "pl-12"), children: creditBadge })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
             icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
             /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
               /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
               /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-                  currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
-                  ] })
-                ] }),
+                valueText,
                 creditBadge
               ] })
             ] })
@@ -7739,7 +7733,7 @@ function PositionsList({
       i < positions.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
@@ -7794,7 +7788,7 @@ function DefaultEmptyState({ onViewHistory }) {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(EmptyHeader, { className: "gap-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react29.History, { className: "size-8 text-on-subtle" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node: