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

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
               ] })
             ] })