@medialane/ui 0.309.0 → 0.311.0

package/dist/components/token-card.js

@@ -54,6 +54,7 @@ function TokenCard({
     (o) => o.offer.itemType === "ERC721" || o.offer.itemType === "ERC1155"
   );
   const profileLink = tokenProfileLink(token);
+  const hasPrimaryAction = isOwner ? !listingOrder : listingOrder ? !!onBuy : !!onOffer;
   const chain = token.chain.toUpperCase();
   const live = isLivingRenderCollection(chain, token.contractAddress);
   const assetHref = buildAssetHref(chain, token.contractAddress, token.tokenId);
@@ -69,7 +70,7 @@ function TokenCard({
     e.stopPropagation();
     onOffer?.(token);
   };
-  return /* @__PURE__ */ jsxs("div", { className: "card-base relative overflow-hidden flex flex-col w-full", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "card-base group relative overflow-hidden flex flex-col w-full", children: [
     ipType && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10", children: /* @__PURE__ */ jsx(IpTypeBadge, { ipType, size: "sm" }) }),
     /* @__PURE__ */ jsxs(Link, { href: assetHref, className: "flex flex-col flex-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative aspect-square bg-muted overflow-hidden shrink-0", children: [
@@ -103,19 +104,11 @@ function TokenCard({
       /* @__PURE__ */ jsx("div", { className: "px-3 pt-2.5 pb-4 flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-base font-bold line-clamp-2 leading-snug", children: name }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "px-3 pb-3 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          href: assetHref,
-          className: cn(BTN_OUTLINE, "w-8 shrink-0 px-0"),
-          title: "View asset",
-          children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5" })
-        }
-      ),
-      isOwner ? listingOrder ? /* @__PURE__ */ jsxs(Link, { href: assetHref, className: cn(BTN_OUTLINE, "flex-1"), children: [
-        /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5 mr-1.5" }),
+      /* @__PURE__ */ jsxs(Link, { href: assetHref, className: cn(BTN_OUTLINE, "px-2.5", hasPrimaryAction ? "shrink-0" : "flex-1"), children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5" }),
         "View"
-      ] }) : /* @__PURE__ */ jsxs(
+      ] }),
+      isOwner ? !listingOrder ? /* @__PURE__ */ jsxs(
         "button",
         {
           className: cn(BTN_OUTLINE, "flex-1 text-brand-purple border-brand-purple/30 hover:bg-brand-purple/10 hover:text-brand-purple"),
@@ -129,7 +122,7 @@ function TokenCard({
             "List"
           ]
         }
-      ) : listingOrder && onBuy ? /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-8", children: /* @__PURE__ */ jsxs(
+      ) : null : listingOrder && onBuy ? /* @__PURE__ */ jsx("div", { className: "btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-8", children: /* @__PURE__ */ jsxs(
         "button",
         {
           className: "w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]",
@@ -149,10 +142,7 @@ function TokenCard({
             "Offer"
           ]
         }
-      ) : /* @__PURE__ */ jsxs(Link, { href: assetHref, className: cn(BTN_OUTLINE, "flex-1"), children: [
-        /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3.5 w-3.5 mr-1.5" }),
-        "View"
-      ] }),
+      ) : null,
       /* @__PURE__ */ jsxs(DropdownMenu, { children: [
         /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",

package/dist/components/token-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/token-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport {\n  Loader2, ArrowUpRight, MoreHorizontal, Zap, HandCoins, Tag,\n  Layers, GitBranch, Flag, UserCircle2, ArrowRightLeft, XCircle,\n} from \"lucide-react\";\nimport {\n  DropdownMenu, DropdownMenuContent, DropdownMenuItem,\n  DropdownMenuSeparator, DropdownMenuTrigger,\n} from \"./dropdown-menu.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { assetHref as buildAssetHref, collectionHref as buildCollectionHref } from \"@medialane/sdk\";\nimport type { ApiToken, Chain } from \"@medialane/sdk\";\nimport { tokenProfileLink } from \"../utils/token-profile-link.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\n\nconst BTN_BASE = \"h-8 rounded-[9px] flex items-center justify-center gap-1.5 text-xs font-semibold transition-all active:scale-[0.98] shadow-none border-0\";\nconst BTN_OUTLINE = cn(BTN_BASE, \"border border-border/60 text-foreground hover:bg-muted/60\");\n\nexport interface TokenCardProps {\n  token: ApiToken;\n  isOwner?: boolean;\n  onList?: (token: ApiToken) => void;\n  onTransfer?: (token: ApiToken) => void;\n  onCancel?: (token: ApiToken) => void;\n  onBuy?: (token: ApiToken) => void;\n  onOffer?: (token: ApiToken) => void;\n  onReport?: (token: ApiToken) => void;\n\n  usdValue?: string | null;\n}\n\nexport function TokenCard({\n  token,\n  isOwner = false,\n  onList,\n  onTransfer,\n  onCancel,\n  onBuy,\n  onOffer,\n  onReport,\n  usdValue,\n}: TokenCardProps) {\n  const resolveImage = useImageUrl();\n  const name = token.metadata?.name || `Token #${token.tokenId}`;\n  const image = resolveImage(token.metadata?.image, { width: 480 });\n  const animationUrl = token.metadata?.animationUrl ?? null;\n  const ipType = token.metadata?.ipType;\n\n  const listingOrder = token.activeOrders?.find(\n    (o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\"\n  );\n\n  const profileLink = tokenProfileLink(token);\n\n  const chain = token.chain.toUpperCase() as Chain;\n  const live = isLivingRenderCollection(chain, token.contractAddress);\n  const assetHref = buildAssetHref(chain, token.contractAddress, token.tokenId);\n  const collectionHref = buildCollectionHref(chain, token.contractAddress);\n  const remixHref = `/create/remix/${token.contractAddress}/${token.tokenId}`;\n\n  const handleBuy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onBuy?.(token);\n  };\n\n  const handleOffer = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onOffer?.(token);\n  };\n\n  return (\n    <div className=\"card-base relative overflow-hidden flex flex-col w-full\">\n      {ipType && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <IpTypeBadge ipType={ipType as any} size=\"sm\" />\n        </div>\n      )}\n\n      <Link href={assetHref} className=\"flex flex-col flex-1\">\n\n        <div className=\"relative aspect-square bg-muted overflow-hidden shrink-0\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover\"\n            fallback={\n              <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\" />\n            }\n          />\n\n          {listingOrder && (\n            <div className=\"absolute bottom-2 right-2 z-10\">\n              <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-full text-sm font-bold bg-background/90 backdrop-blur-sm border border-border/40 shadow-sm tabular-nums\">\n                <PriceChipContent\n                  amountFormatted={listingOrder.price.formatted}\n                  currency={listingOrder.price.currency}\n                  usdValue={usdValue}\n                  tone=\"card\"\n                />\n              </span>\n            </div>\n          )}\n\n          {(token.metadataStatus === \"PENDING\" || token.metadataStatus === \"FETCHING\") && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n\n        <div className=\"px-3 pt-2.5 pb-4 flex-1\">\n          <p className=\"text-base font-bold line-clamp-2 leading-snug\">{name}</p>\n        </div>\n      </Link>\n\n      <div className=\"px-3 pb-3 flex items-center gap-1.5\">\n\n        <Link\n          href={assetHref}\n          className={cn(BTN_OUTLINE, \"w-8 shrink-0 px-0\")}\n          title=\"View asset\"\n        >\n          <ArrowUpRight className=\"h-3.5 w-3.5\" />\n        </Link>\n\n        {isOwner ? (\n          listingOrder ? (\n            <Link href={assetHref} className={cn(BTN_OUTLINE, \"flex-1\")}>\n              <ArrowUpRight className=\"h-3.5 w-3.5 mr-1.5\" />\n              View\n            </Link>\n          ) : (\n            <button\n              className={cn(BTN_OUTLINE, \"flex-1 text-brand-purple border-brand-purple/30 hover:bg-brand-purple/10 hover:text-brand-purple\")}\n              onClick={(e) => { e.preventDefault(); e.stopPropagation(); onList?.(token); }}\n            >\n              <Tag className=\"h-3.5 w-3.5 mr-1.5\" />\n              List\n            </button>\n          )\n        ) : listingOrder && onBuy ? (\n          <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-8\">\n            <button\n              className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n              onClick={handleBuy}\n            >\n              <Zap className=\"h-3.5 w-3.5 shrink-0\" />\n              Buy\n            </button>\n          </div>\n        ) : !listingOrder && onOffer ? (\n          <button\n            className={cn(BTN_OUTLINE, \"flex-1 text-brand-orange border-brand-orange/30 hover:bg-brand-orange/10 hover:text-brand-orange\")}\n            onClick={handleOffer}\n          >\n            <HandCoins className=\"h-3.5 w-3.5 mr-1.5\" />\n            Offer\n          </button>\n        ) : (\n          <Link href={assetHref} className={cn(BTN_OUTLINE, \"flex-1\")}>\n            <ArrowUpRight className=\"h-3.5 w-3.5 mr-1.5\" />\n            View\n          </Link>\n        )}\n\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              className={cn(BTN_OUTLINE, \"w-8 p-0 shrink-0\")}\n              aria-label=\"More actions\"\n            >\n              <MoreHorizontal className=\"h-3.5 w-3.5\" />\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" className=\"w-52\">\n\n            <DropdownMenuItem asChild>\n              <Link href={assetHref} className=\"flex items-center gap-2\">\n                <ArrowUpRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                View asset\n              </Link>\n            </DropdownMenuItem>\n\n            <DropdownMenuSeparator />\n\n            {isOwner ? (\n              <>\n                {!listingOrder && onList && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-purple focus:text-brand-purple\"\n                    onClick={() => onList(token)}\n                  >\n                    <Tag className=\"h-3.5 w-3.5\" />\n                    List\n                  </DropdownMenuItem>\n                )}\n                {onTransfer && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2\"\n                    onClick={() => onTransfer(token)}\n                  >\n                    <ArrowRightLeft className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    Transfer\n                  </DropdownMenuItem>\n                )}\n                {listingOrder && onCancel && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-orange focus:text-brand-orange\"\n                    onClick={() => onCancel(token)}\n                  >\n                    <XCircle className=\"h-3.5 w-3.5\" />\n                    Cancel listing\n                  </DropdownMenuItem>\n                )}\n              </>\n            ) : (\n              <>\n                {listingOrder && onBuy && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-blue focus:text-brand-blue\"\n                    onClick={handleBuy}\n                  >\n                    <Zap className=\"h-3.5 w-3.5\" />\n                    <span className=\"flex items-center gap-1\">\n                      Buy —\n                      <CurrencyIcon symbol={listingOrder.price.currency} size={12} />\n                      {formatDisplayPrice(listingOrder.price.formatted)}\n                    </span>\n                  </DropdownMenuItem>\n                )}\n                {onOffer && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-orange focus:text-brand-orange\"\n                    onClick={handleOffer}\n                  >\n                    <HandCoins className=\"h-3.5 w-3.5\" />\n                    Make offer\n                  </DropdownMenuItem>\n                )}\n              </>\n            )}\n\n            <DropdownMenuItem asChild>\n              <Link href={remixHref} className=\"flex items-center gap-2 text-brand-purple focus:text-brand-purple\">\n                <GitBranch className=\"h-3.5 w-3.5\" />\n                Remix\n              </Link>\n            </DropdownMenuItem>\n\n            <DropdownMenuSeparator />\n\n            <DropdownMenuItem asChild>\n              <Link href={collectionHref} className=\"flex items-center gap-2\">\n                <Layers className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                View collection\n              </Link>\n            </DropdownMenuItem>\n\n            {profileLink && (\n              <DropdownMenuItem asChild>\n                <Link href={profileLink.href} className=\"flex items-center gap-2\">\n                  <UserCircle2 className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                  {profileLink.label}\n                </Link>\n              </DropdownMenuItem>\n            )}\n\n            {onReport && (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  className=\"flex items-center gap-2 text-muted-foreground focus:text-muted-foreground\"\n                  onClick={() => onReport(token)}\n                >\n                  <Flag className=\"h-3.5 w-3.5\" />\n                  Report\n                </DropdownMenuItem>\n              </>\n            )}\n\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  );\n}\n\nexport function TokenCardSkeleton() {\n  return (\n    <div className=\"card-base overflow-hidden\">\n      <div className=\"aspect-square w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 pt-2.5 pb-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n      </div>\n      <div className=\"px-3 pb-3 flex gap-1.5\">\n        <div className=\"h-8 w-8 rounded-[9px] animate-pulse bg-muted shrink-0\" />\n        <div className=\"h-8 flex-1 rounded-[9px] animate-pulse bg-muted\" />\n        <div className=\"h-8 w-8 rounded-[9px] animate-pulse bg-muted shrink-0\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/token-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport {\n  Loader2, ArrowUpRight, MoreHorizontal, Zap, HandCoins, Tag,\n  Layers, GitBranch, Flag, UserCircle2, ArrowRightLeft, XCircle,\n} from \"lucide-react\";\nimport {\n  DropdownMenu, DropdownMenuContent, DropdownMenuItem,\n  DropdownMenuSeparator, DropdownMenuTrigger,\n} from \"./dropdown-menu.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { PriceChipContent } from \"./dual-price.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AnimatedTokenMedia } from \"./animated-token-media.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { assetHref as buildAssetHref, collectionHref as buildCollectionHref } from \"@medialane/sdk\";\nimport type { ApiToken, Chain } from \"@medialane/sdk\";\nimport { tokenProfileLink } from \"../utils/token-profile-link.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\n\nconst BTN_BASE = \"h-8 rounded-[9px] flex items-center justify-center gap-1.5 text-xs font-semibold transition-all active:scale-[0.98] shadow-none border-0\";\nconst BTN_OUTLINE = cn(BTN_BASE, \"border border-border/60 text-foreground hover:bg-muted/60\");\n\nexport interface TokenCardProps {\n  token: ApiToken;\n  isOwner?: boolean;\n  onList?: (token: ApiToken) => void;\n  onTransfer?: (token: ApiToken) => void;\n  onCancel?: (token: ApiToken) => void;\n  onBuy?: (token: ApiToken) => void;\n  onOffer?: (token: ApiToken) => void;\n  onReport?: (token: ApiToken) => void;\n\n  usdValue?: string | null;\n}\n\nexport function TokenCard({\n  token,\n  isOwner = false,\n  onList,\n  onTransfer,\n  onCancel,\n  onBuy,\n  onOffer,\n  onReport,\n  usdValue,\n}: TokenCardProps) {\n  const resolveImage = useImageUrl();\n  const name = token.metadata?.name || `Token #${token.tokenId}`;\n  const image = resolveImage(token.metadata?.image, { width: 480 });\n  const animationUrl = token.metadata?.animationUrl ?? null;\n  const ipType = token.metadata?.ipType;\n\n  const listingOrder = token.activeOrders?.find(\n    (o) => o.offer.itemType === \"ERC721\" || o.offer.itemType === \"ERC1155\"\n  );\n\n  const profileLink = tokenProfileLink(token);\n  const hasPrimaryAction = isOwner ? !listingOrder : listingOrder ? !!onBuy : !!onOffer;\n\n  const chain = token.chain.toUpperCase() as Chain;\n  const live = isLivingRenderCollection(chain, token.contractAddress);\n  const assetHref = buildAssetHref(chain, token.contractAddress, token.tokenId);\n  const collectionHref = buildCollectionHref(chain, token.contractAddress);\n  const remixHref = `/create/remix/${token.contractAddress}/${token.tokenId}`;\n\n  const handleBuy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onBuy?.(token);\n  };\n\n  const handleOffer = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onOffer?.(token);\n  };\n\n  return (\n    <div className=\"card-base group relative overflow-hidden flex flex-col w-full\">\n      {ipType && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <IpTypeBadge ipType={ipType as any} size=\"sm\" />\n        </div>\n      )}\n\n      <Link href={assetHref} className=\"flex flex-col flex-1\">\n\n        <div className=\"relative aspect-square bg-muted overflow-hidden shrink-0\">\n          <AnimatedTokenMedia\n            image={image}\n            animationUrl={animationUrl}\n            live={live}\n            alt={name}\n            mode=\"fill\"\n            sizes=\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 22vw\"\n            className=\"object-cover\"\n            fallback={\n              <div className=\"absolute inset-0 bg-gradient-to-br from-brand-purple/15 to-brand-blue/15\" />\n            }\n          />\n\n          {listingOrder && (\n            <div className=\"absolute bottom-2 right-2 z-10\">\n              <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-full text-sm font-bold bg-background/90 backdrop-blur-sm border border-border/40 shadow-sm tabular-nums\">\n                <PriceChipContent\n                  amountFormatted={listingOrder.price.formatted}\n                  currency={listingOrder.price.currency}\n                  usdValue={usdValue}\n                  tone=\"card\"\n                />\n              </span>\n            </div>\n          )}\n\n          {(token.metadataStatus === \"PENDING\" || token.metadataStatus === \"FETCHING\") && (\n            <div className=\"absolute bottom-0 inset-x-0 flex items-center justify-center gap-1.5 bg-black/50 backdrop-blur-sm py-1.5\">\n              <Loader2 className=\"h-3 w-3 animate-spin text-white/70\" />\n              <span className=\"text-2xs text-white/70\">Indexing…</span>\n            </div>\n          )}\n        </div>\n\n        <div className=\"px-3 pt-2.5 pb-4 flex-1\">\n          <p className=\"text-base font-bold line-clamp-2 leading-snug\">{name}</p>\n        </div>\n      </Link>\n\n      <div className=\"px-3 pb-3 flex items-center gap-1.5\">\n\n        <Link href={assetHref} className={cn(BTN_OUTLINE, \"px-2.5\", hasPrimaryAction ? \"shrink-0\" : \"flex-1\")}>\n          <ArrowUpRight className=\"h-3.5 w-3.5\" />\n          View\n        </Link>\n\n        {isOwner ? (\n          !listingOrder ? (\n            <button\n              className={cn(BTN_OUTLINE, \"flex-1 text-brand-purple border-brand-purple/30 hover:bg-brand-purple/10 hover:text-brand-purple\")}\n              onClick={(e) => { e.preventDefault(); e.stopPropagation(); onList?.(token); }}\n            >\n              <Tag className=\"h-3.5 w-3.5 mr-1.5\" />\n              List\n            </button>\n          ) : null\n        ) : listingOrder && onBuy ? (\n          <div className=\"btn-border-animated p-[1.5px] rounded-[10px] flex-1 h-8\">\n            <button\n              className=\"w-full h-full rounded-[9px] bg-background flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground hover:bg-muted/60 transition-all active:scale-[0.98]\"\n              onClick={handleBuy}\n            >\n              <Zap className=\"h-3.5 w-3.5 shrink-0\" />\n              Buy\n            </button>\n          </div>\n        ) : !listingOrder && onOffer ? (\n          <button\n            className={cn(BTN_OUTLINE, \"flex-1 text-brand-orange border-brand-orange/30 hover:bg-brand-orange/10 hover:text-brand-orange\")}\n            onClick={handleOffer}\n          >\n            <HandCoins className=\"h-3.5 w-3.5 mr-1.5\" />\n            Offer\n          </button>\n        ) : null}\n\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              className={cn(BTN_OUTLINE, \"w-8 p-0 shrink-0\")}\n              aria-label=\"More actions\"\n            >\n              <MoreHorizontal className=\"h-3.5 w-3.5\" />\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" className=\"w-52\">\n\n            <DropdownMenuItem asChild>\n              <Link href={assetHref} className=\"flex items-center gap-2\">\n                <ArrowUpRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                View asset\n              </Link>\n            </DropdownMenuItem>\n\n            <DropdownMenuSeparator />\n\n            {isOwner ? (\n              <>\n                {!listingOrder && onList && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-purple focus:text-brand-purple\"\n                    onClick={() => onList(token)}\n                  >\n                    <Tag className=\"h-3.5 w-3.5\" />\n                    List\n                  </DropdownMenuItem>\n                )}\n                {onTransfer && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2\"\n                    onClick={() => onTransfer(token)}\n                  >\n                    <ArrowRightLeft className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    Transfer\n                  </DropdownMenuItem>\n                )}\n                {listingOrder && onCancel && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-orange focus:text-brand-orange\"\n                    onClick={() => onCancel(token)}\n                  >\n                    <XCircle className=\"h-3.5 w-3.5\" />\n                    Cancel listing\n                  </DropdownMenuItem>\n                )}\n              </>\n            ) : (\n              <>\n                {listingOrder && onBuy && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-blue focus:text-brand-blue\"\n                    onClick={handleBuy}\n                  >\n                    <Zap className=\"h-3.5 w-3.5\" />\n                    <span className=\"flex items-center gap-1\">\n                      Buy —\n                      <CurrencyIcon symbol={listingOrder.price.currency} size={12} />\n                      {formatDisplayPrice(listingOrder.price.formatted)}\n                    </span>\n                  </DropdownMenuItem>\n                )}\n                {onOffer && (\n                  <DropdownMenuItem\n                    className=\"flex items-center gap-2 text-brand-orange focus:text-brand-orange\"\n                    onClick={handleOffer}\n                  >\n                    <HandCoins className=\"h-3.5 w-3.5\" />\n                    Make offer\n                  </DropdownMenuItem>\n                )}\n              </>\n            )}\n\n            <DropdownMenuItem asChild>\n              <Link href={remixHref} className=\"flex items-center gap-2 text-brand-purple focus:text-brand-purple\">\n                <GitBranch className=\"h-3.5 w-3.5\" />\n                Remix\n              </Link>\n            </DropdownMenuItem>\n\n            <DropdownMenuSeparator />\n\n            <DropdownMenuItem asChild>\n              <Link href={collectionHref} className=\"flex items-center gap-2\">\n                <Layers className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                View collection\n              </Link>\n            </DropdownMenuItem>\n\n            {profileLink && (\n              <DropdownMenuItem asChild>\n                <Link href={profileLink.href} className=\"flex items-center gap-2\">\n                  <UserCircle2 className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                  {profileLink.label}\n                </Link>\n              </DropdownMenuItem>\n            )}\n\n            {onReport && (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  className=\"flex items-center gap-2 text-muted-foreground focus:text-muted-foreground\"\n                  onClick={() => onReport(token)}\n                >\n                  <Flag className=\"h-3.5 w-3.5\" />\n                  Report\n                </DropdownMenuItem>\n              </>\n            )}\n\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  );\n}\n\nexport function TokenCardSkeleton() {\n  return (\n    <div className=\"card-base overflow-hidden\">\n      <div className=\"aspect-square w-full animate-pulse bg-muted\" />\n      <div className=\"px-3 pt-2.5 pb-3 space-y-1.5\">\n        <div className=\"h-4 w-3/4 rounded-md animate-pulse bg-muted\" />\n      </div>\n      <div className=\"px-3 pb-3 flex gap-1.5\">\n        <div className=\"h-8 w-8 rounded-[9px] animate-pulse bg-muted shrink-0\" />\n        <div className=\"h-8 flex-1 rounded-[9px] animate-pulse bg-muted\" />\n        <div className=\"h-8 w-8 rounded-[9px] animate-pulse bg-muted shrink-0\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/medialane.css

@@ -329,3 +329,10 @@ input[type="number"] { -moz-appearance: textfield; }
 @media (prefers-reduced-motion: reduce) {
   .ml-gbtn::before { animation: none; }
 }
+
+.card-media {
+  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), opacity 300ms ease;
+}
+@media (hover: hover) and (prefers-reduced-motion: no-preference) {
+  .group:hover .card-media { transform: scale(1.04); }
+}

package/dist/utils/media-wallet/use-erc20-balance.d.cts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 8 | 6 | 18;
+    decimals: 6 | 8 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/dist/utils/media-wallet/use-erc20-balance.d.ts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 8 | 6 | 18;
+    decimals: 6 | 8 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.309.0",
+  "version": "0.311.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,